Sie können die visuell beeindruckendste Website Ihrer Branche haben und trotzdem keine einzige Anfrage darüber erhalten. Design ist wichtig, aber Design allein konvertiert nicht. Conversion — einen Besucher in eine Anfrage, eine Buchung oder einen Kauf zu verwandeln — entsteht durch konkrete, wiederholbare Prinzipien, die nichts damit zu tun haben, wie hübsch Ihre Startseite aussieht.
Bei BBH stecken diese sieben Prinzipien in jedem Projekt. Es sind keine Theorien, sondern Muster, die wir über Dutzende Projekte hinweg getestet haben — von lokalen Dienstleistern bis zum E-Commerce. Hier ist jedes einzelne, praktisch erklärt — damit Sie Ihre eigene Website bewerten können oder wissen, worauf Sie achten müssen, wenn Sie jemanden mit dem Bau beauftragen.
Prinzip 1Klares Nutzenversprechen im sichtbaren Bereich
„Above the fold“ bezeichnet den Teil Ihrer Website, der ohne Scrollen sichtbar ist. Das ist die wertvollste Fläche Ihrer gesamten Website — und die meisten Unternehmen verschwenden sie mit vagen Slogans, Stockfotos oder automatisch startenden Videos, nach denen niemand gefragt hat.
Ein Besucher sollte innerhalb von drei Sekunden nach dem Aufruf Ihrer Startseite drei Dinge verstehen:
- Was Sie tun — klar formuliert, nicht clever
- Für wen Sie es tun — damit sich die richtigen Menschen angesprochen fühlen
- Warum es sie interessieren sollte — das Ergebnis oder der Nutzen
Beispiel: „Wir bauen individuelle Websites für kleine Unternehmen, die Anfragen generieren — statt nur gut auszusehen“ sagt in einem Satz mehr, als die meisten Hero-Bereiche in fünf Sätzen kommunizieren.
Vergleichen Sie das mit „Willkommen bei unseren digitalen Lösungen“ — das sagt überhaupt nichts aus.
Prinzip 2Klarheit konvertiert. Cleverness verwirrt. Im Zweifel sagen Sie genau, was Sie tun.
Social Proof — früh und immer wieder
Menschen vertrauen keinen Unternehmen. Sie vertrauen den Erfahrungen anderer Menschen mit Unternehmen. Deshalb sind Bewertungen, Kundenstimmen und Fallstudien die stärksten Conversion-Werkzeuge auf Ihrer Website — und deshalb müssen sie früh erscheinen, nicht vergraben auf einer Testimonial-Seite, die niemand besucht.
Die wirksamsten Formen von Social Proof, nach Wirkung geordnet:
- Video-Testimonials — am schwersten zu fälschen, höchstes Vertrauen. Selbst eine 30-sekündige Handyaufnahme schlägt ein poliertes schriftliches Zitat.
- Kundenstimmen mit Namen und Foto — „Sarah M., Inhaberin von Bloom Florist“ mit Porträtfoto ist deutlich glaubwürdiger als „S.M.“
- Konkrete Ergebnisse — „Unsere Anfragen stiegen im ersten Monat um 40 %“ schlägt „Toller Service, sehr zu empfehlen.“
- Kundenlogos — wenn Sie mit bekannten Marken arbeiten, schafft das Zeigen ihrer Logos sofortige Glaubwürdigkeit.
- Bewertungsanzahl und Sterne — „4,9 Sterne aus 127 Bewertungen“ ist ein starkes Vertrauenssignal, selbst ohne einzelne Bewertungen zu zeigen.
Praxistipp: Platzieren Sie mindestens ein Element Social Proof auf Ihrer Startseite im sichtbaren Bereich oder direkt nach dem Hero-Bereich. Zwingen Sie Besucher nicht, bis ganz nach unten zu scrollen, um zu entdecken, dass echte Menschen tatsächlich gern mit Ihnen arbeiten.
Prinzip 3Ein klarer Call-to-Action
Der größte Conversion-Killer auf den meisten Unternehmenswebsites sind zu viele Wahlmöglichkeiten. „Rufen Sie uns an! Schreiben Sie uns! Füllen Sie dieses Formular aus! Laden Sie unsere Broschüre herunter! Folgen Sie uns auf Social Media! Abonnieren Sie unseren Newsletter!“ Wenn Sie Besuchern sechs Dinge zur Auswahl geben, tun sie: nichts.
Wählen Sie eine primäre Aktion, die Besucher ausführen sollen. Alles auf Ihrer Website sollte sie zu dieser einen Aktion führen. Das kann sein:
- „Kostenloses Beratungsgespräch buchen“ für Dienstleister
- „Angebot anfordern“ für Handwerksbetriebe oder Agenturen
- „Speisekarte ansehen“ für ein Restaurant
- „Kostenlos testen“ für ein SaaS-Produkt
Das heißt nicht, dass es keine sekundären Aktionen geben darf (Telefonnummer im Header, E-Mail im Footer). Aber es sollte einen visuell dominanten CTA geben, der konsistent auf der gesamten Website erscheint — in der Navigation, nach wichtigen Abschnitten und am Ende jeder Seite.
Beispiel: Achten Sie darauf, wie auf der BBH-Website „Registrieren“ auf jeder einzelnen Seite in der Navigation erscheint. Immer da, immer dieselbe Aktion, immer offensichtlich.
Prinzip 4Schnelle Ladezeiten
Dieses Prinzip ist unglamourös, aber entscheidend. Wenn Ihre Website länger als 3 Sekunden lädt, verlieren Sie rund 53 % der mobilen Besucher, bevor sie auch nur ein Wort Ihres Inhalts sehen. Das ist keine Übertreibung — es stammt aus Googles eigener Forschung.
Geschwindigkeit beeinflusst die Conversion auf zwei Wegen:
- Direkt: Langsame Websites haben höhere Absprungraten. Menschen gehen, bevor sie konvertieren.
- Indirekt: Google rankt schnellere Websites höher. Bessere Rankings bedeuten mehr Traffic. Mehr Traffic bedeutet mehr Conversion-Chancen.
Was macht eine Website langsam?
- Nicht optimierte Bilder (der häufigste Übeltäter)
- Zu viele Drittanbieter-Skripte (Chat-Widgets, Analytics-Tracker, Social-Media-Einbettungen)
- Aufgeblähtes CSS/JavaScript aus Page-Buildern und Themes
- Billiges Hosting mit langsamen Server-Antwortzeiten
Praxistipp: Testen Sie Ihre Website mit Googles PageSpeed Insights (pagespeed.web.dev). Liegt Ihr Mobile-Score unter 80, haben Sie ein Geschwindigkeitsproblem, das Sie Anfragen kostet.
Prinzip 5Mobile-First-Design
Über 60 % des Web-Traffics kommen von Mobilgeräten. Bei lokalen Unternehmen sind es oft 70–80 %. Trotzdem werden die meisten Websites immer noch am Desktop-Monitor entworfen und erst nachträglich „responsive gemacht“. Dieser Ansatz zäumt das Pferd von hinten auf.
Mobile-First bedeutet: Zuerst wird das mobile Erlebnis gestaltet, dann für den Desktop skaliert. Das ist wichtig, weil:
- Daumenfreundliche Navigation: Kann jemand Ihre Website bequem mit einem Daumen bedienen? Wenn Buttons zu klein sind, Menüs zu komplex oder Formulare nur mit Zoomen ausfüllbar, verlieren Sie mobile Besucher.
- Lesbarer Text ohne Zoomen: Fließtext sollte mindestens 16px groß sein. Überschriften sollten groß genug sein, um schnell erfasst zu werden.
- Tippflächen statt Hover-Effekte: Auf dem Smartphone gibt es kein „Hover“. Interaktive Elemente müssen per Tippen funktionieren — mit genug Abstand, damit niemand versehentlich den falschen Button trifft.
- Vereinfachte Inhaltshierarchie: Mobile Bildschirme erzwingen Priorisierung. Was ist das eine Wichtigste auf dieser Seite? Beginnen Sie damit.
Beispiel: Eine Restaurant-Website, die am Desktop großartig aussieht, aber die Telefonnummer mobil in einem Hamburger-Menü versteckt, lässt die Mehrheit ihrer Besucher im Stich. Die Telefonnummer sollte mobil als antippbarer Link im Header stehen — ein Tipp, ein Anruf.
Prinzip 6Vertrauenssignale auf der ganzen Seite
Social Proof ist eine Art von Vertrauenssignal, aber nicht die einzige. Vertrauenssignale sind alles, was die Unsicherheit eines Besuchers abbaut, mit Ihnen Geschäfte zu machen. Menschen sind online von Natur aus skeptisch — besonders, wenn sie noch nie von Ihnen gehört haben. Ihre Website muss diese Skepsis systematisch entkräften.
Wirksame Vertrauenssignale sind:
- Professionelles Design: Eine Website, die veraltet oder fehlerhaft wirkt, signalisiert ein Unternehmen, das seine Abläufe womöglich nicht im Griff hat. Fair oder nicht — Menschen schließen vom Erscheinungsbild auf die Qualität.
- SSL-Zertifikat (https): Das Schloss-Symbol im Browser. Ohne dieses warnt Chrome Besucher wortwörtlich, Ihre Website sei „Nicht sicher“. Das zerstört Vertrauen sofort.
- Anschrift und Telefonnummer: Besonders für lokale Unternehmen. Eine echte Adresse zeigt, dass Sie ein echtes Unternehmen sind — und kein dubioser Anbieter, der morgen wieder verschwunden ist.
- Garantien und Richtlinien: „100 % Zufriedenheitsgarantie“ oder „Kostenlose Beratung, unverbindlich“ nimmt das Risiko und senkt die Hürde zur Kontaktaufnahme.
- Qualifikationen und Zertifizierungen: Lizenziert, versichert, akkreditiert, Branchenzertifikate — zeigen Sie sie. Wenn Sie sie sich verdient haben, nutzen Sie sie.
- Echte Fotos: Von Ihrem Team, Ihren Räumen, Ihrer Arbeit. Stockfotos lächelnder Menschen im Anzug schaffen weniger Vertrauen als ein Smartphone-Foto Ihres echten Teams.
Kontakt ohne Reibung
Der letzte Schritt der Conversion ist der schwerste: jemanden dazu zu bringen, sich tatsächlich zu melden. Jedes Feld in Ihrem Formular, jeder zusätzliche Schritt im Prozess, jeder Moment der Verwirrung ist Reibung — und Reibung tötet Conversion.
Regeln für reibungslosen Kontakt:
- Weniger Formularfelder = mehr Anfragen. Name, E-Mail und eine kurze Nachricht. Mehr nicht. Detailfragen können Sie stellen, nachdem der Kontakt hergestellt ist. Verlagern Sie die Arbeit nicht an den Anfang.
- Mehrere Kontaktwege. Manche Menschen füllen gern ein Formular aus. Andere rufen lieber an. Wieder andere schreiben lieber eine Nachricht oder E-Mail. Bieten Sie die Wege an, die Ihre Zielgruppe tatsächlich nutzt.
- Kein CAPTCHA, wenn es sich vermeiden lässt. Jedes CAPTCHA-Rätsel ist Reibung. Nutzen Sie stattdessen Honeypot-Felder oder serverseitige Validierung.
- Sofortige Bestätigung. Sagen Sie nach dem Absenden eines Formulars, was als Nächstes passiert: „Wir melden uns innerhalb von 24 Stunden bei Ihnen.“ Ungewissheit erzeugt Unsicherheit.
- Mobilfreundliche Formulare. Autofill-Unterstützung, passende Eingabetypen (E-Mail-Tastatur für E-Mail-Felder, Zifferntastatur für Telefonfelder), große Tippflächen.
Beispiel: Wir haben erlebt, dass Formularanfragen um über 30 % stiegen — allein dadurch, dass die Zahl der Felder von sieben auf drei reduziert wurde. Jedes zusätzliche Feld verringert die Zahl der Menschen, die bereit sind, es auszufüllen.
Das beste Kontaktformular ist das, das dem Besucher nicht im Weg steht.
Wie alles zusammenwirkt
Diese sieben Prinzipien stehen nicht für sich allein. Sie wirken zusammen als System. Ein klares Nutzenversprechen gewinnt Aufmerksamkeit. Social Proof baut Vertrauen auf. Ein einziger CTA lenkt zur Handlung. Schnelle Ladezeiten halten Menschen auf der Seite. Mobile-First-Design bedient die Mehrheit. Vertrauenssignale nehmen Unsicherheit. Und reibungsloser Kontakt schließt den Kreis.
Fehlt eines, wirken die anderen schwächer. Beherrschen Sie alle sieben, wird Ihre Website zu dem, was sie sein sollte: Ihr bester Verkäufer — rund um die Uhr im Einsatz, ohne sich je krankzumelden.