Webdesign für Firmenwebsites: So werden aus Besuchern Kunden

Für die meisten Unternehmen ist die Firmenwebsite der günstigste und fleißigste Vertriebsmitarbeiter – doch die meisten Websites erfüllen diese Aufgabe nicht. Eine Website, die Besucher zu Kunden macht, ist ein messbares System, in dem Ladezeit, Informationsarchitektur, Vertrauenssignale und Formulargestaltung zusammenspielen. In diesem Ratgeber zeigen wir anhand geprüfter Quellen alle Bausteine, mit denen Webdesign für Unternehmen von einer Geschmacksfrage zu einem datengestützten Wachstumsinstrument wird.

Wofür ist eine Firmenwebsite eigentlich da?

Eine Firmenwebsite ist nicht das digitale Schaufenster Ihres Unternehmens, sondern die erste Stufe Ihres Vertriebsprozesses. Potenzielle Kunden stoßen über ein Suchergebnis, eine Anzeige oder eine Empfehlung auf Sie, besuchen Ihre Website und suchen dort Antworten auf drei Fragen:

• Bin ich hier richtig? Löst dieses Unternehmen mein Problem?
• Kann ich vertrauen? Ist das ein echtes Unternehmen, gibt es Referenzen?
• Wie geht es weiter? Wie einfach ist es, Kontakt aufzunehmen, ein Angebot anzufordern oder zu kaufen?

Eine Website, die auch nur eine dieser drei Fragen nicht klar beantwortet, ist kommerziell wertlos – ganz gleich, wie viel Traffic sie hat. Genau deshalb beginnt bei unserem Webdesign für Firmenwebsites jedes Projekt mit diesen drei Fragen.

Der Unterschied zwischen „Broschüren-Website“ und Website, die verkauft

In der Türkei ist nach wie vor die Broschüren-Website verbreitet – im Grunde eine digitale Kopie des gedruckten Katalogs: Über uns, Leistungen, Kontakt. Sie sieht gut aus, misst nichts und lenkt kein Verhalten. Eine Website, die verkauft, folgt dagegen einer anderen Logik.

Der erste Eindruck: Glaubwürdigkeit entsteht in Sekunden

Besucher fällen ein Urteil über Ihre Website, bevor sie auch nur ein Wort lesen. Wie die Nielsen Norman Group berichtet, zeigt die Forschung von Gitte Lindgaard und ihrem Team, dass das ästhetische Urteil bereits 50 Millisekunden nach dem Aufruf einer Website gefällt wird – und sich auch bei mehr Zeit nur selten ändert. Diese erste Reaktion beeinflusst unmittelbar, wie relevant, glaubwürdig und benutzerfreundlich eine Website wahrgenommen wird.

Die Web Credibility Research der Stanford University mit mehr als 4.500 Teilnehmenden benennt die konkreten Faktoren, die Glaubwürdigkeit schaffen: zeigen, dass ein echtes Unternehmen dahintersteht (Anschrift, Fotos), Fachkompetenz belegen, klare Kontaktdaten angeben, ein professionelles und zum Zweck passendes Design, aktuelle Inhalte, Verzicht auf aggressive Werbung und keine Fehler wie Tippfehler oder defekte Links.

„Menschen bewerten eine Website schnell allein anhand ihres visuellen Designs.“
— Stanford Web Credibility Research

Die praktische Konsequenz ist eindeutig: Eine Firmenwebsite ohne Teamfotos, ohne Adresse und ohne Referenzen kann die Vertrauenslücke selbst mit den besten Texten nicht schließen. Deshalb platzieren wir in unseren abgeschlossenen Projekten die Vertrauenselemente direkt unter dem Hero-Bereich.

Wie Ladezeit und Core Web Vitals die Conversion beeinflussen

Core Web Vitals sind drei Kennzahlen, mit denen Google die tatsächliche Nutzererfahrung misst. Ohne Fachjargon: Es handelt sich nicht um Labortests, sondern um Felddaten, die von Chrome-Nutzern erhoben werden, die Ihre Website tatsächlich besuchen. Diese Daten fließen in den Datensatz des Chrome UX Report (CrUX) ein und werden von der Google-Suche als Signal für die Nutzerfreundlichkeit einer Seite (Page Experience) verwendet.

Ein entscheidendes Detail: Diese Grenzwerte werden nicht am Durchschnitt gemessen, sondern am 75. Perzentil der Seitenaufrufe – getrennt für Mobilgeräte und Desktop. Drei Viertel Ihrer Nutzer müssen also eine Erfahrung innerhalb des Grenzwerts haben. Ein durchschnittlicher LCP von 2,4 Sekunden bedeutet nicht, dass Ihre Website besteht.

„Core Web Vitals werden von unseren Ranking-Systemen verwendet.“
— Google Search Central — Page Experience

Im selben Dokument stellt Google auch klar, dass es keinen einzelnen „Page-Experience-Score“ gibt und relevante Inhalte trotz schwacher Nutzererfahrung angezeigt werden können. Ladezeit allein garantiert also keine Rankings – ihr Einfluss auf die Conversion besteht jedoch unabhängig davon.

Eine Analyse von Think with Google über 11 Millionen mobile Landingpages zeigt: Steigt die Ladezeit von 1 auf 10 Sekunden, erhöht sich die Wahrscheinlichkeit, dass mobile Besucher abspringen, um 123 %. In derselben Analyse dauerte es bei 70 % der untersuchten Seiten länger als fünf Sekunden, bis die visuellen Inhalte im oberen Bildschirmbereich sichtbar waren, und eine durchschnittliche mobile Landingpage brauchte rund 15 Sekunden, um vollständig zu laden.

Auch die häufigsten Ursachen für CLS sind bekannt – und alle lassen sich schon in der Designphase vermeiden: Bilder und Videos ohne definierte Abmessungen, Webfonts, die in anderer Größe gerendert werden als die Ersatzschrift, dynamisch skalierte Anzeigen und Widgets von Drittanbietern, asynchron geladene Ressourcen sowie DOM-Elemente, die nachträglich über bestehenden Inhalten eingefügt werden.

Mobile-First-Design ist heute Standard

Google nutzt die mobile Version, die mit dem Smartphone-Crawler erfasst wird, um die Inhalte einer Website zu indexieren und zu ranken. Daraus ergeben sich drei konkrete Konsequenzen für das Design:

• Inhaltliche Gleichwertigkeit: Die mobile Version muss dieselben Inhalte enthalten wie die Desktop-Version. Inhalte in Akkordeons oder Tabs neu anzuordnen ist kein Problem – sie zu löschen schon.
• Gleiche strukturierte Daten: Mobil und Desktop sollten dieselben strukturierten Daten enthalten; Breadcrumb-, Product- und VideoObject-Auszeichnungen haben dabei Priorität.
• Gleichwertige Bilder: Mobile Bilder sollten in Qualität, Format und Alt-Text der Desktop-Version entsprechen.

Hinzu kommt die Touch-Ergonomie: Tippflächen von mindestens 44×44 Pixeln, ein primärer CTA in Daumenreichweite, kein horizontales Scrollen und Fließtext, der mobil nicht unter 16 Pixel fällt.

Informationsarchitektur und Navigation

Diese beiden Begriffe werden oft verwechselt. Die Nielsen Norman Group unterscheidet so: Die Informationsarchitektur (IA) ist das unsichtbare Gerüst, das die Inhalte einer Website und ihre Beziehungen zueinander festlegt; die Navigation umfasst die sichtbaren Oberflächenelemente wie Menü, Breadcrumbs und Footer, mit denen sich Nutzer durch dieses Gerüst bewegen.

„Die IA ist das informationelle Rückgrat der Website.“
— Nielsen Norman Group — IA vs. Navigation

Die Reihenfolge ist entscheidend: erst die Informationsarchitektur, dann die Navigation. Wer ein Menümuster aus ästhetischen Gründen wählt und die Inhalte anschließend hineinzwängt, macht Abstriche bei der idealen Struktur. Praktische Regeln für Firmenwebsites:

• Das Hauptmenü sollte 5–7 Punkte nicht überschreiten; jeder zusätzliche Punkt schmälert die Aufmerksamkeit für die anderen.
• Verwenden Sie in Menübezeichnungen die Begriffe Ihrer Kunden, nicht interne Fachsprache („Webdesign“ statt „Unsere Lösungen“).
• Jede wichtige Seite sollte von der Startseite aus mit höchstens drei Klicks erreichbar sein.
• Statt alle Leistungen auf einer einzigen Seite „Leistungen“ zu bündeln, erstellen Sie für jede Leistung eine eigene, ausführliche Seite. Das ist sowohl für Nutzer als auch für Ihre SEO-Maßnahmen notwendig.

Conversion-orientierter Seitenaufbau: Hero, Social Proof, CTA

Firmenseiten mit hoher Conversion-Rate sind kein Zufall, sondern folgen einem wiederholbaren Aufbau:

1. Hero-Bereich: Ein Nutzenversprechen in einem Satz (was Sie tun, für wen, mit welchem Ergebnis), ein unterstützender Untertitel und ein einziger primärer CTA. Zwei gleich gewichtete CTAs schneiden kaum besser ab als gar keiner.
2. Vertrauensleiste: Kundenlogos, Zertifikate, Mitgliedschaften. Hier wird das Signal „echtes Unternehmen“ gesendet, auf das die Stanford-Forschung verweist.
3. Problem-Lösungs-Abschnitt: Eine Problembeschreibung in der Sprache des Kunden und die passende Leistung dazu.
4. Social Proof: Echte Referenzen mit Name, Position und Unternehmen; idealerweise Fallstudien mit konkreten Zahlen.
5. Transparenter Ablauf: Ein Prozess in 3–4 Schritten, der die Frage „Was passiert danach?“ beantwortet. Unsicherheit ist der leiseste Feind der Conversion.
6. FAQ: Räumt Kaufhindernisse wie Preis, Dauer und Umfang im Vorfeld aus.
7. Abschließender CTA: Eine Handlungsaufforderung am Seitenende, die auf dieselbe Aktion verweist.

Die Regel für die CTA-Platzierung lautet nicht „möglichst weit oben“, sondern „im Moment der Entscheidung“. Auf langen Leistungsseiten wirkt ein passender CTA am Ende jedes größeren Abschnitts besser als ein einzelner fixierter Button.

Formular- und Kontaktgestaltung: Verluste auf den letzten Metern

Ob sich das Budget für die Traffic-Gewinnung auszahlt, entscheidet sich im Formular. Die Forschung des Baymard Institute zu E-Commerce-Checkouts zeigt, dass die durchschnittliche Website 12,8 Formularfelder verwendet, obwohl ein Ablauf mit 6–8 Feldern – Kreditkartendaten eingeschlossen – möglich ist. In derselben Studie gaben 26 % der Nutzer an, einen Kauf abgebrochen zu haben, weil der Bezahlvorgang zu lang oder zu kompliziert war.

Für Kontaktformulare auf Firmenwebsites gilt dieselbe Logik:

• Rechtfertigen Sie jedes Feld. Felder wie „Fax“, „Position“ oder „Wie sind Sie auf uns aufmerksam geworden?“ befriedigen die Neugier des Vertriebs – und senken die Conversion.
• Platzieren Sie Beschriftungen über dem Feld. Wird ein Platzhaltertext statt einer Beschriftung verwendet, verlieren Nutzer den Kontext, sobald sie zu tippen beginnen.
• Zeigen Sie Fehler feldbezogen und verständlich an. Nicht „Ungültige Eingabe“, sondern „Bitte geben Sie die Telefonnummer im Format 5XX XXX XX XX ein“.
• Bieten Sie alternative Kanäle an. Machen Sie Telefonnummer, WhatsApp und E-Mail-Adresse sichtbar – nicht jeder möchte ein Formular ausfüllen.
• Richten Sie eine Danke-Seite ein. Sie ist sowohl für die Conversion-Messung als auch für die Erklärung des nächsten Schritts notwendig.

Barrierefreiheit (WCAG) und ihr wirtschaftlicher Nutzen

WCAG (Web Content Accessibility Guidelines) ist der vom W3C entwickelte Standard für Barrierefreiheit. Veröffentlichungsdaten: WCAG 2.0 erschien am 11. Dezember 2008, WCAG 2.1 am 5. Juni 2018 und WCAG 2.2 am 5. Oktober 2023 (aktualisiert am 12. Dezember 2024). Der Standard basiert auf vier Prinzipien – wahrnehmbar, bedienbar, verständlich, robust (POUR) – und definiert drei Konformitätsstufen: A, AA und AAA. Für Firmenwebsites ist Stufe AA das praxisnahe Ziel.

Das wirtschaftliche Argument: Laut Faktenblatt der Weltgesundheitsorganisation vom 7. März 2023 leben weltweit 1,3 Milliarden Menschen mit einer erheblichen Behinderung.

„Das entspricht 16 % der Weltbevölkerung – oder jedem sechsten Menschen.“
— World Health Organization — Disability

Barrierefreies Design hat zudem große Nebeneffekte: Ausreichender Farbkontrast hilft auch jemandem, der sein Smartphone in der Sonne nutzt, eine saubere Überschriftenhierarchie erleichtert Screenreadern und Suchmaschinen gleichermaßen die Arbeit, und die Bedienbarkeit per Tastatur verbessert die allgemeine Usability.

Wo sich SEO und Design überschneiden

Design und SEO wirken wie getrennte Disziplinen, treffen sich aber in denselben Entscheidungen. Überschriftenhierarchie (H1–H3), Ladezeiten innerhalb der Core-Web-Vitals-Grenzwerte, inhaltliche Gleichwertigkeit auf Mobilgeräten, Alt-Texte für Bilder, URL-Struktur und interne Verlinkung – all das wird in der Designphase festgelegt und lässt sich nicht nachträglich „hinzufügen“.

Sichtbarkeit beschränkt sich heute zudem nicht mehr auf die klassischen Suchergebnisse. Damit Ihre Inhalte in KI-gestützten Suchoberflächen zitiert werden, braucht es klare Überschriften, aussagekräftige Absätze und strukturierte Daten; ausführlich behandeln wir das in unserem Ratgeber zu GEO und Sichtbarkeit in der KI-Suche. Für die grundlegende Suchmaschinenoptimierung sind unser Ratgeber „Was ist SEO?“ und unsere GEO-Leistung ein guter Ausgangspunkt.

Bei bezahltem Traffic gilt derselbe Zusammenhang: In Google Ads– oder Meta Ads-Kampagnen macht eine langsame und unübersichtliche Landingpage den Wert jedes bezahlten Klicks zunichte. Wie Sie Kampagnen aufbauen, lesen Sie in unserem Ratgeber zum Google-Ads-Kampagnenmanagement und in unserem Ratgeber zu Meta Ads.

Hinweise speziell für den E-Commerce

Im E-Commerce gehen Conversion-Verluste größtenteils auf gemessene Ursachen zurück. Laut den Daten des Baymard Institute, die 50 verschiedene Studien zusammenfassen, liegt die durchschnittliche Warenkorbabbruchrate bei 70,22 %. Die wichtigsten Abbruchgründe unter Nutzern mit Kaufabsicht:

• 40 % – Zusatzkosten zu hoch (Versand, Steuern, Gebühren)
• 20 % – Lieferung zu langsam
• 19 % – Kein Vertrauen, der Website die Kreditkartendaten anzuvertrauen
• 18 % – Die Website verlangte die Erstellung eines Kundenkontos
• 17 % – Bezahlvorgang zu lang oder zu kompliziert
• 17 % – Fehler und Abstürze der Website
• 12 % – Gesamtbetrag der Bestellung war vorab nicht ersichtlich

Fast alle Punkte dieser Liste betreffen Design- und Interface-Entscheidungen: Versandkosten und Steuern bereits im Warenkorb transparent ausweisen, einen Gastkauf anbieten, Sicherheitssiegel neben dem Kartenformular platzieren, die Länge des Prozesses mit einer Schrittanzeige sichtbar machen und den Checkout fehlerfrei betreiben. Das ist keine Frage des Marketingbudgets, sondern der Umsetzungsqualität.

Checkliste vor dem Website-Relaunch

Die bestehende Website zu löschen und bei null anzufangen, heißt oft auch, Dinge zu löschen, die gut funktionieren. Erheben Sie vor einem Redesign deshalb folgende Daten:

Häufige Fehler

• Ein Slider im Hero-Bereich. Die meisten Nutzer sehen nur das erste Bild; mehrere Botschaften verwässern die Wirkung einer einzigen klaren Botschaft und erhöhen das CLS-Risiko.
• Riesige, unkomprimierte Bilder. Sie sind die häufigste Einzelursache für einen schlechten LCP. Moderne Formate (WebP/AVIF), die richtige Größe und definierte Breite/Höhe sind Pflicht.
• Unternehmenszentrierte Texte. Ein Satz wie „Branchenpionier seit 1998“ löst kein einziges Kundenproblem.
• Keinerlei Hinweise zu Preis oder Umfang. Unklarheit führt nicht zu mehr qualifizierten, sondern zu mehr unqualifizierten Anfragen.
• Anonyme Referenzen. „A.Y., Geschäftsführer“ schafft kein Vertrauen; nötig sind Name, Position, Unternehmen und nach Möglichkeit ein Foto.
• Die Messung auf die Zeit nach dem Launch verschieben. Eine Website, die ohne Conversion-Tracking live geht, kann nie belegen, wie gut sie ist.
• Social Media und Website-Inhalte getrennt voneinander betreiben. Social-Media-Management und Website-Inhalte sollten denselben Botschaftsrahmen teilen; Details finden Sie in unserem Ratgeber zum Social-Media-Management.
• Ein Wust an Drittanbieter-Skripten. Jedes Chat-, Heatmap- und Pixel-Plugin verschlechtert den INP direkt.

Häufig gestellte Fragen

Wie lange dauert der Relaunch einer Firmenwebsite?

Je nach Umfang dauert eine typische Firmenwebsite 6–10 Wochen, E-Commerce-Projekte 10–16 Wochen. Am meisten verzögert nicht das Design, sondern die Content-Erstellung und die Freigabeschleifen. Liegen die Inhalte bereit, verkürzt sich der Zeitplan deutlich.

Garantiert mir ein „gutes“ Core-Web-Vitals-Ergebnis bessere Rankings?

Nein. Google stellt klar, dass es für die Page Experience kein einzelnes Signal gibt und die relevantesten Inhalte auch bei schwacher Nutzererfahrung angezeigt werden können. Gleichzeitig steht in der offiziellen Dokumentation, dass Core Web Vitals von den Ranking-Systemen verwendet werden. Die richtige Sichtweise: Ladezeit ist ein Vorteil, aber kein Ersatz für Inhalte.

Meine Website sieht mobil gut aus – muss ich trotzdem etwas tun?

Gutes Aussehen reicht nicht. Da Google die mobile Version für Indexierung und Ranking nutzt, muss die mobile Seite dieselben Inhalte, dieselben strukturierten Daten und Bilder in derselben Qualität enthalten wie die Desktop-Version. Statt Inhalte mobil auszublenden, ordnen Sie sie in Akkordeons oder Tabs neu an.

Ist WCAG-Konformität in der Türkei Pflicht?

Abgesehen vom öffentlichen Sektor und einigen regulierten Branchen gibt es in der Türkei für private Unternehmen keine allgemeine gesetzliche Pflicht. Laut WHO leben jedoch 16 % der Weltbevölkerung mit einer erheblichen Behinderung; Barrierefreiheit ist daher sowohl eine ethische Frage als auch eine Frage des Marktanteils. Stufe AA ist für die meisten Firmenwebsites ein vernünftiges Ziel.

Wie viele Felder sollte ein Kontaktformular idealerweise haben?

Als Faustregel gilt: so wenige Felder wie nötig, um ein Vertriebsgespräch anzustoßen. Die Baymard-Studie zu E-Commerce-Checkouts zeigt, dass sich Abläufe mit durchschnittlich 12,8 Feldern auf 6–8 Felder reduzieren lassen. Auch bei Kontaktformularen auf Firmenwebsites genügen in den meisten Fällen Name, E-Mail oder Telefon und ein kurzes Nachrichtenfeld; alle weiteren Informationen können Sie im ersten Gespräch erfragen.

Verliere ich bei einem Website-Relaunch meinen SEO-Traffic?

Ohne Planung: ja. Verluste vermeiden Sie, indem Sie für jede geänderte URL eine vollständige 301-Weiterleitungszuordnung erstellen, die inhaltliche Tiefe der Seiten mit dem meisten Traffic erhalten und Indexierung sowie Rankings in den ersten 30 Tagen nach dem Go-live beobachten.

Quellen

1. web.dev — Web Vitals
2. web.dev — Largest Contentful Paint (LCP)
3. web.dev — Interaction to Next Paint (INP)
4. web.dev — Cumulative Layout Shift (CLS)
5. Google Search Central — Understanding Page Experience in Google Search Results
6. Google Search Central — Mobile-First Indexing Best Practices
7. Chrome for Developers — Chrome UX Report (CrUX)
8. Think with Google — New Industry Benchmarks for Mobile Page Speed
9. Nielsen Norman Group — First Impressions Matter: How Designers Can Support Humans’ Automatic Cognitive Processing
10. Nielsen Norman Group — Information Architecture vs. Navigation Design
11. Stanford Web Credibility Research — Stanford Guidelines for Web Credibility
12. Baymard Institute — Cart Abandonment Rate Statistics
13. Baymard Institute — Checkout Optimization: From 16 Form Fields to 8 Fields
14. W3C Web Accessibility Initiative — WCAG 2 Overview
15. World Health Organization — Disability Fact Sheet

Sie möchten wissen, an welchen Grenzwerten aus diesem Ratgeber Ihre Website scheitert? Wir analysieren Ihre bestehende Website kostenlos in den Bereichen Ladezeit, Informationsarchitektur, Conversion-Aufbau und Barrierefreiheit. Informieren Sie sich über unser Webdesign für Firmenwebsites oder kontaktieren Sie uns direkt über unsere Kontaktseite, um ein 30-minütiges Gespräch zu vereinbaren.