Landing Page Design: Leitfaden für lokale Betriebe

Was ist Landing Page Design, und was unterscheidet es von einer normalen Website?

Eine Landing Page ist eine einzelne Seite mit einem einzigen Ziel. Kein Menü mit acht Unterseiten, kein „Über uns“, das zur „Galerie“ führt, die zu „Kontakt“ führt. Ein Besucher landet, liest, handelt. Bei lokalen Betrieben heißt „handelt“ meistens: anrufen, eine WhatsApp-Nachricht schicken oder ein Formular abschicken.

Eine klassische Firmenwebsite verfolgt mehrere Ziele gleichzeitig. Sie soll informieren, ranken, Vertrauen aufbauen und irgendwo auch verkaufen. Eine Landing Page verzichtet bewusst auf diese Breite. Für einen Dachdecker, eine Nagelstudio-Betreiberin oder einen Hochzeitsfotografen reicht in den meisten Fällen ohnehin eine einzige gut gebaute Seite, eine sogenannte One-Page-Website. Sie zeigt die Leistung, den Standort, ein paar Referenzen und einen Weg zur Kontaktaufnahme. Fertig.

Der Unterschied ist also nicht technischer Natur, sondern strategischer: eine Landing Page optimiert auf eine Handlung, eine Website optimiert auf Sichtbarkeit und Information über mehrere Seiten hinweg.

Die Elemente, die jede gute Landing Page braucht

Fünf Bausteine entscheiden, ob eine Landing Page funktioniert oder nur hübsch aussieht: Hero-Bereich, USP-Zeile, Social Proof, Leistungsübersicht und ein Kontaktweg. Fehlt einer davon, sinkt die Conversion Rate messbar, das zeigt sich in jedem A/B-Test mit lokalen Zielgruppen.

Der Hero-Bereich ist die Bühne. Er zeigt in einem Satz, was der Betrieb macht und für wen. „Elektriker in Leipzig, Notdienst in 30 Minuten“ funktioniert besser als „Willkommen bei Elektro Meyer“. Die USP-Zeile ergänzt das um den Unterschied zur Konkurrenz, etwa „Meisterbetrieb, seit 2009, Festpreis vor Auftragsbeginn“. Social Proof folgt direkt danach: Google-Bewertungen, eine Zahl wie „4,8 Sterne bei 63 Bewertungen“ oder ein Kundenzitat mit echtem Namen. Die Leistungsübersicht listet drei bis sechs konkrete Angebote, keine Romane. Der Kontaktweg schließlich, meist ein Formular oder eine Telefonnummer als Button, muss ohne Scrollen erreichbar sein.

Above the Fold: Was in die ersten 3 Sekunden muss

Above the Fold heißt der Bereich, den ein Besucher ohne Scrollen sieht, und dort entscheidet sich fast alles. Nutzer verlassen eine Seite, wenn sie in drei Sekunden nicht verstehen, worum es geht. Above the Fold gehören: die Leistung, der Ort, ein Bild oder Foto vom echten Betrieb statt Stockfoto, und ein CTA-Button. Alles andere kann tiefer stehen.

Call-to-Action: Platzierung und Formulierung

Ein Call-to-Action funktioniert am besten, wenn er mehrfach auftaucht und konkret formuliert ist. „Kontakt“ als Button-Text bringt wenig, „Jetzt kostenlos Angebot anfordern“ oder „Rückruf innerhalb von 2 Stunden“ bringt mehr, weil der Nutzer weiß, was passiert, wenn er klickt. Platzierung: einmal direkt im Hero-Bereich, einmal nach der Leistungsübersicht, einmal am Seitenende. Drei CTAs auf einer One-Page-Website sind normal, nicht übertrieben.

Vertrauenselemente für lokale Betriebe

Bei lokalen Betrieben zählt Vertrauen mehr als Design-Ästhetik. Ein Meisterbrief-Logo, eine Handwerkskammer-Zugehörigkeit, das Google-Bewertungswidget, ein Foto vom Team vor dem Firmenwagen: das alles wirkt glaubwürdiger als jede Stockfoto-Galerie. Und ein Punkt wird regelmäßig vergessen: das Impressum. Für gewerbliche Websites in Deutschland ist die Impressumspflicht nach § 5 Digitale-Dienste-Gesetz (DDG) verbindlich. Das bisherige Telemediengesetz (TMG) wurde im Mai 2024 durch das DDG abgelöst, wobei die inhaltlichen Anforderungen an das Impressum im Wesentlichen gleich geblieben sind. Das gilt unabhängig davon, ob die Seite fünf Zeilen oder fünf Bildschirmseiten hat. Dazu kommt ein Hinweis zur Datenverarbeitung nach DSGVO, sobald ein Kontaktformular Daten speichert oder ein Analyse-Tool eingebunden ist. Wer das weglässt, spart sich zehn Minuten Arbeit und riskiert eine Abmahnung.

Design-Prinzipien, die tatsächlich konvertieren

Gutes Landing-Page-Design reduziert, statt zu dekorieren. Whitespace, also bewusst freigelassener Raum um Elemente, lenkt den Blick zum CTA statt ihn im Text zu verlieren. Eine visuelle Hierarchie sorgt dafür, dass die Überschrift größer ist als der Fließtext, der CTA-Button eine andere Farbe hat als der Rest der Seite, und Bilder nicht mit Text konkurrieren.

Farb- und Schriftwahl ohne Design-Studium

Zwei Schriftarten und eine Akzentfarbe reichen für 90 Prozent aller lokalen Betriebs-Websites. Eine Schrift für Überschriften, eine für Fließtext, dazu eine Farbe, die sich vom Rest abhebt und ausschließlich für CTA-Buttons genutzt wird. Farbpsychologie klingt größer als sie ist: Blau wirkt seriös, deshalb nutzen es Handwerksbetriebe und Finanzdienstleister gleichermaßen. Orange und Rot wirken dringlich, gut für Notdienste. Grün passt zu Gesundheit und Beauty. Die Regel, die wirklich zählt: die Akzentfarbe darf nirgendwo sonst auf der Seite auftauchen außer beim CTA, sonst verliert sie ihre Signalwirkung.

Warum Ladezeit über Konversion entscheidet

Jede Sekunde zusätzliche Ladezeit kostet Anfragen, weil Nutzer auf dem Handy nicht warten. Google gibt in seinen Core-Web-Vitals-Richtlinien für den Largest Contentful Paint einen Zielwert von 2,5 Sekunden für eine gute Nutzererfahrung an, nachzulesen in der Core Web Vitals Dokumentation. Page Speed ist damit kein technisches Detail, sondern ein direkter Hebel auf die Conversion Rate. Praktisch heißt das: keine 4-MB-Hero-Bilder, keine fünf eingebundenen Skripte für Chat-Widgets, die niemand nutzt, und ein Hosting, das nicht bei jedem Aufruf neu aufbaut.

Landing Page Design nach Branche: Handwerker, Restaurant, Beauty, Fotografen

Jede Branche braucht einen anderen Ton und andere Pflichtelemente, weil die Kaufentscheidung unterschiedlich abläuft. Ein Kunde, der einen Rohrbruch hat, sucht Dringlichkeit und eine Telefonnummer. Ein Kunde, der ein Restaurant für den Samstagabend sucht, will Fotos vom Essen und die Öffnungszeiten. Diese Unterschiede werden auf klassischen Inspirationsseiten selten konkret, deshalb hier eine Übersicht:

Auffällig: je austauschbarer die Leistung wirkt, desto mehr trägt Social Proof die Entscheidung. Bei Handwerkern zählt Verfügbarkeit, bei Beauty und Fotografie zählt Optik und Vertrauen in die Person. Wer nach Betrieben sucht, die überhaupt noch keine Website haben und damit besonders empfänglich für ein Angebot sind, findet dazu mehr im Beitrag zu Betrieben ohne Website finden.

Tools & Templates: Figma, Canva, Page-Builder oder automatisierte Generierung?

Die Wahl des Tools entscheidet über Zeitaufwand und Individualisierbarkeit, nicht automatisch über Qualität. Wir haben die vier gängigen Wege nach drei Kriterien verglichen: Zeit bis zur fertigen Seite, Kosten laut aktueller Preisseite des Anbieters, und Eignung für den Einsatz in der Erstansprache eines lokalen Betriebs. Getestet mit einer fiktiven Beispielseite für einen Malerbetrieb.

Figma bringt die größte Designkontrolle, aber ohne Vorlage brauchen selbst geübte Freelancer einen halben Tag für eine einzelne Seite. Canva ist schnell, aber die Vorlagen erkennt man oft wieder, was bei Handwerksbetrieben egal ist, bei Beauty-Studios mit ästhetischem Anspruch aber auffällt. Page-Builder liegen dazwischen. Automatisiert generierte Seiten, wie sie LumaSite aus vorhandenen Betriebsdaten erstellt, sind für einen bestimmten Zweck gebaut: nicht als finales Meisterwerk, sondern als überzeugender erster Eindruck, den man in einem Verkaufsgespräch zeigt, bevor überhaupt Designzeit investiert wird.

Was Landing Page Design kostet, und wie lange es dauert

Die Preisspanne für eine professionelle Landing Page reicht von 0 Euro bis über 2.500 Euro, je nachdem wer sie baut und wie individuell sie sein soll. Ein genauer Blick auf die Optionen:

Diese Zahlen schwanken je nach Region und Verhandlungsgeschick stark. Eine ausführlichere Aufschlüsselung nach Betriebsgröße und Zusatzleistungen wie Google-Business-Profil-Anbindung steht im Beitrag Was kostet eine Website für Handwerker. Wichtig für Freelancer, die selbst verkaufen: der Zeitaufwand für die erste Version entscheidet, wie viele Betriebe man pro Woche ansprechen kann. Zehn Stunden Figma-Arbeit pro Akquisegespräch skaliert nicht, zwei Minuten für eine automatisierte Vorschau schon.

Landing Page Design als Verkaufsargument im Akquise-Gespräch

Eine fertige Vorschauseite überzeugt schneller als jedes Verkaufsgespräch, weil sie das Ergebnis zeigt, statt es zu versprechen. Der Ablauf, den viele Freelancer inzwischen nutzen: vor dem Erstkontakt eine automatisiert generierte One-Page-Website für den konkreten Betrieb erstellen, mit echtem Firmennamen, echtem Ort, echten Öffnungszeiten. Dann im Gespräch den Link zeigen, statt abstrakt über „eine neue Website“ zu sprechen.

Das funktioniert, weil der Betrieb nicht mehr sich etwas vorstellen muss, sondern etwas Konkretes bewertet.

Rechtlich gilt hier Vorsicht: Kalt-E-Mails an Betriebe ohne bestehenden Kontakt sind nach § 7 des Gesetzes gegen den unlauteren Wettbewerb grundsätzlich unzulässig. Ein Telefon-Erstkontakt bei Gewerbetreibenden kann im Rahmen einer mutmaßlichen Einwilligung zulässig sein, wenn ein sachlicher Zusammenhang zur Tätigkeit des Betriebs besteht. Das ist keine Garantie und keine Rechtsberatung, sondern eine Einordnung, die jeder Freelancer im Einzelfall prüfen sollte. Wie man das Telefonat selbst führt und den Vorschau-Link dabei platziert, beschreibt der Beitrag zu Kaltakquise-Tipps ausführlicher. Wer den ganzen Prozess vom Finden des Betriebs bis zum Abschluss sehen will, findet ihn im Artikel Websites verkaufen an lokale Betriebe.

Häufige Fehler und ehrliche Erwartungen

Die meisten schlechten Landing Pages scheitern nicht an fehlendem Talent, sondern an zu viel Ehrgeiz. Drei Fehler tauchen immer wieder auf: überladene Seiten mit sieben Slidern und vier Farben, ein CTA, der irgendwo unten versteckt ist, und ein Ladeverhalten, das auf dem Handy fünf Sekunden braucht, weil ein 6-Megabyte-Hintergrundbild eingebunden wurde. Dazu kommt fast immer das fehlende Impressum, weil es „später ergänzt“ werden sollte und dann vergessen wird.

Ehrlich gesagt: nicht jeder Betrieb braucht ein individuelles Design. Ein Friseursalon in einer Kleinstadt mit drei Konkurrenten braucht vor allem Auffindbarkeit und einen funktionierenden Buchungslink, kein aufwendiges Corporate-Design-Konzept. Ein Fotostudio mit Premium-Positionierung dagegen verliert Kunden, wenn die Seite wie eine 20-Minuten-Canva-Vorlage aussieht. Die Frage ist immer: was verkauft der Betrieb, und wem gegenüber muss die Seite Vertrauen aufbauen.

Was ebenfalls nicht funktioniert: Versprechen wie „verdoppeln Sie Ihre Anfragen in 30 Tagen“. Eine Landing Page kann eine bestehende Nachfrage besser einfangen, sie erzeugt keine Nachfrage aus dem Nichts. Ohne Google-Business-Profil, ohne Bewertungen und ohne lokale Auffindbarkeit bleibt auch die schönste Seite ungesehen. A/B-Testing kann bei genügend Traffic helfen, die CTA-Formulierung zu verbessern, aber ein Handwerksbetrieb mit 200 Besuchern im Monat hat schlicht nicht genug Daten für belastbare Tests. Bei so kleinen Zahlen zählt gesunder Menschenverstand mehr als Statistik.

FAQ

Was gehört unbedingt auf eine Landing Page für lokale Betriebe?

Ein Hero-Bereich mit Leistung und Ort, eine USP-Zeile, mindestens ein Social-Proof-Element wie Bewertungen, ein klarer Kontakt-CTA und ein rechtskonformes Impressum mit DSGVO-Hinweis. Ohne diese fünf Punkte fehlt entweder die Überzeugungskraft oder die rechtliche Absicherung.

Wie unterscheidet sich eine Landing Page von einer klassischen Firmenwebsite?

Eine Landing Page hat ein Ziel und einen CTA, eine klassische Website hat mehrere Unterseiten und mehrere Ziele wie Information, Ranking und Kontakt gleichzeitig. Für die meisten lokalen Betriebe reicht die fokussierte Variante, weil sie schneller zur Handlung führt.

Was kostet professionelles Landing Page Design für einen Handwerksbetrieb?

Je nach Anbieter zwischen 300 Euro für eine angepasste Vorlage und 1.500 Euro für ein individuelles Design bei einem Freelancer, Agenturen liegen oft darüber. Details zu Preisbausteinen wie Copywriting oder Fotografie stehen im Beitrag Was kostet eine Website für Handwerker.

Wie lange dauert der Aufbau einer guten Landing Page?

Manuell mit Design von Grund auf dauert es 5 bis 10 Arbeitstage, mit einer angepassten Vorlage 2 bis 5 Tage. Eine automatisiert generierte Vorschauseite steht dagegen in wenigen Minuten, allerdings ohne den letzten Feinschliff eines individuellen Designs.

Können automatisiert generierte Landing Pages mit handgemachtem Design konkurrieren?

Für die Erstansprache und als Vorschau im Verkaufsgespräch reichen automatisiert generierte Seiten meistens aus, weil sie den Betrieb sofort erkennbar und professionell darstellen. Für die finale, dauerhafte Website lohnt sich danach oft noch Feinschliff bei Ton, Bildauswahl und Struktur.

Welche Design-Fehler kosten lokale Betriebe die meisten Anfragen?

Fehlende Mobile-Optimierung, ein versteckter oder fehlender CTA, Ladezeiten über 3 Sekunden und unvollständige Kontaktdaten sind die vier häufigsten Ursachen für abgebrochene Besuche. Alle vier lassen sich in wenigen Stunden beheben, kosten aber unbehoben täglich Anfragen.

Weiterlesen

Ratgeber

Websites an kleine Unternehmen verkaufen: Der Praxis-Guide 2025

Ratgeber

Interactive Websites: Brauchen lokale Betriebe das wirklich?

Ratgeber

Kundenakquise B2B: Lokale Betriebe als Solo-Freelancer

Ratgeber

Websites an lokale Betriebe verkaufen: der ehrliche Einstieg (auch nebenberuflich)