Die kurze Antwort
Das Design entscheidet in Sekundenbruchteilen, ob eine Website vertrauenswürdig wirkt. Der Text entscheidet danach, ob Besucher bleiben. Vertrauen entsteht, wenn beides dasselbe sagt. Dafür brauchst du eine klare Hierarchie, eine feste Farbe für Buttons und konkrete Sätze statt Floskeln. Design und Text gehören deshalb in eine Hand oder zumindest an einen Tisch.
Auf vielen Websites passiert das Gegenteil. Ein Designer gestaltet, später füllt jemand die Flächen mit Text. Das Ergebnis ist ein modernes Layout mit leeren Floskeln. Oder starke Texte in einem Design, das sie nicht trägt.
Wie schnell entsteht der erste Eindruck?
Sehr schnell. In einer Studie der Carleton University sahen Testpersonen Websites nur 50 Millisekunden lang [1]. Schon danach bewerteten sie die Optik ähnlich wie nach längerer Betrachtung. Das Urteil steht also, bevor jemand einen Satz gelesen hat.
Und dieses Urteil färbt auf die Glaubwürdigkeit ab. In einer großen Stanford-Studie bewerteten über 2.600 Menschen die Glaubwürdigkeit von Websites [2]. Das Aussehen der Seite kam in 46,1 % der Kommentare vor und war damit das häufigste Thema.
Danach wird nicht gelesen, sondern überflogen. Laut Nielsen Norman Group lesen Nutzer bei einem durchschnittlichen Besuch höchstens 28 % der Wörter einer Seite, wahrscheinlich eher 20 % [3]. Für dich heißt das: Die wenigen Wörter, die gelesen werden, müssen sitzen. Und das Design muss sie dorthin stellen, wo der Blick landet.
Welche Design-Prinzipien schaffen Vertrauen?
Hierarchie vor Ästhetik
Die wichtigste Aussage einer Seite muss auch die auffälligste sein. Sie bekommt die größte Schrift, den stärksten Kontrast und den besten Platz. Wenn alle Elemente gleich laut sind, führt nichts den Blick. Dann sieht der Besucher viel und erfasst wenig.
Freiraum ist Struktur
Leerer Raum um ein Element zeigt: Das hier ist wichtig. Überladene Seiten wirken unruhig, auch wenn der Inhalt gut ist. Weniger Elemente pro Bildschirm, dafür klar platziert, funktionieren fast immer besser.
Konsistenz statt Abwechslung
Fünf Button-Stile, drei Größen für gleichrangige Überschriften, wechselnde Abstände: Das merkt kaum jemand bewusst. Unterschwellig wirkt es trotzdem unprofessionell. Ein kleines Design-System mit festen Farben, Schriften und Abständen verhindert das.
Farbe mit Bedeutung
Wenn jede Farbe überall auftaucht, bedeutet keine mehr etwas. Reserviere eine Signalfarbe nur für Handlungen wie „Anfragen“ oder „Buchen“. Das Auge lernt schnell, wo es klicken kann.
Kontrast und Lesbarkeit
Hellgraue Schrift auf weißem Grund sieht elegant aus, ist aber schwer lesbar. Die Richtlinien für barrierefreie Webinhalte (WCAG) fordern für normalen Text ein Kontrastverhältnis von mindestens 4,5 : 1 [4]. Für große Schrift reichen 3 : 1. Prüf das mit einem Kontrast-Tool, statt dich auf das Gefühl zu verlassen.
Welche Sprache schafft Vertrauen?
Konkret statt austauschbar
„Wir bieten maßgeschneiderte Lösungen für Ihr Unternehmen“ steht auf jeder zweiten Agentur-Website. Der Satz sagt nichts. „Wir bauen Websites, die Anfragen bringen, keine Design-Preise“ ist konkret. Er hebt dich ab und macht ein Versprechen, das man prüfen kann.
Kurze Sätze für das Wichtige
Die Kernaussage eines Absatzes gehört in einen kurzen Satz. Erklärung und Beispiel dürfen danach folgen. Ein guter Richtwert sind Sätze mit 12 bis 20 Wörtern. Wechsle die Länge ab, damit der Text nicht abgehackt klingt.
Aktiv und persönlich
„Es wird empfohlen, ein CMS einzusetzen“ klingt nach Behörde. „Wir empfehlen dir ein CMS“ klingt nach einem Menschen. Aktive Sätze sagen, wer was tut. Das wirkt direkter und ehrlicher.
Ehrlichkeit als Stilmittel
Ein Absatz, der offen sagt, wann dein Angebot nicht passt, schafft mehr Vertrauen als jedes Superlativ. Leser erkennen den Unterschied zwischen Werbetext und ehrlicher Einschätzung sehr genau. Deshalb steht in vielen unserer Artikel ein Abschnitt dazu, wann etwas nicht passt.
Fachbegriffe übersetzen
Deine Kunden sind keine Marketing-Profis. Begriffe wie „Conversion“, „Hero“ oder „Lead“ verstehen viele nicht. Schreib „Anfrage“ statt „Conversion“ und „Startseite ganz oben“ statt „Hero“. Wo ein Fachbegriff bleiben muss, erklär ihn einmal im Satz.
Du oder Sie?
Darauf gibt es keine richtige Antwort, nur eine passende. Entscheidend ist, wie deine Kunden selbst sprechen. Ein Handwerksbetrieb mit jungen Kunden darf duzen. Eine Kanzlei, deren Mandanten siezen, sollte das auch tun.
Zwei Regeln gelten immer. Bleib auf allen Seiten bei einer Form, auch in Formularen und Bestätigungsmails. Und passe den Ton an die Ansprache an: Ein „Du“ mit Behördendeutsch wirkt falsch, ein „Sie“ mit Wortwitzen ebenfalls. Wir duzen, weil es zu TACOBITE passt.
Wo verstärken sich Design und Sprache?
An jedem wichtigen Element einer Seite haben beide eine Aufgabe. Fehlt eine davon, verpufft die andere:
| Element | Aufgabe des Designs | Aufgabe der Sprache |
|---|---|---|
| Startseite ganz oben | Größte Schrift, ein klarer Button, ein echtes Bild | In einem Satz sagen, was du für wen tust |
| Button | Signalfarbe, gut sichtbar, groß genug zum Tippen | Die Handlung nennen: „Termin buchen“ statt „Mehr erfahren“ |
| Preise | Übersichtliche Tabelle oder Karten | Konkrete Leistungen statt vager Pakete |
| Formular | Wenige Felder, klare Fehlermeldungen | Sagen, was nach dem Absenden passiert |
| Kundenstimmen | Foto, Name und Firma sichtbar | Echte Zitate statt geglätteter Werbesätze |
Design öffnet die Tür. Sprache entscheidet, ob der Besucher hindurchgeht.
Wie sieht das an einem echten Projekt aus?
Ein Beispiel aus unserer Arbeit ist das Hotel Zuckerfabrik, ein Art-déco-Boutique-Hotel in Stuttgart-Bad Cannstatt. Die alte Website hatte ganz oben keinen Buchen-Button. Die transparente Navigation war kaum lesbar. Die Zimmer standen als Fließtext ohne Foto da, und die Verfügbarkeit war nur über einen Umweg erreichbar.
Beim Relaunch haben wir Design und Text gemeinsam gelöst. Ganz oben stehen jetzt eine klare Überschrift, der Button „Jetzt buchen“ und ein Widget für die Verfügbarkeit. Die Zimmer erscheinen als Karten mit Foto. Und die ganze Seite ist für das Handy gebaut. Jede Design-Entscheidung hat einen Satz, der sie trägt, und umgekehrt.
Welche Fehler sehen wir am häufigsten?
Diese Muster begegnen uns in Website-Checks immer wieder. Die Liste ist Projekterfahrung, keine Statistik:
- Der Slogan ist größer als das Angebot. Ganz oben steht „Leidenschaft für Qualität“. Was die Firma macht, steht erst drei Bildschirme tiefer.
- Zu viele Buttons. „Mehr erfahren“, „Kontakt“, „Newsletter“ und „Angebot“ konkurrieren nebeneinander. Am Ende klickt niemand.
- Stockfotos von Menschen, die es nicht gibt. Das lächelnde Team im Großraumbüro erkennen Besucher sofort als Archivbild.
- Wir-Sätze statt Kundennutzen. „Wir sind seit 20 Jahren …“ beantwortet nicht die Frage des Besuchers: Was habe ich davon?
- Text als Bild. Überschriften in Grafiken kann niemand kopieren, und Suchmaschinen lesen sie schlecht.
- Das Handy kommt zuletzt. Auf dem Desktop sieht alles gut aus. Auf dem Handy rutscht der Button unter vier Absätze Text.
Wie testest du die Wirkung ohne großes Budget?
Du brauchst kein Labor. Drei einfache Tests zeigen dir schnell, wo es hakt:
- Der Fünf-Sekunden-Test. Zeig fünf Menschen außerhalb deiner Firma die Startseite für fünf Sekunden. Frag danach: Was bietet die Firma an, und was würdest du jetzt klicken? Wenn die Antworten auseinandergehen, ist die Hierarchie unklar.
- Der Vorlese-Test. Lies deine Texte laut vor. Wo du stockst oder Luft holen musst, ist der Satz zu lang. Wo du dich fremdschämst, ist es eine Floskel.
- Der Konkurrenz-Test. Kopier deine Überschrift auf die Website eines Wettbewerbers. Passt sie dort genauso gut, sagt sie zu wenig über dich.
Ergänzend prüfst du den Kontrast mit einem kostenlosen Online-Tool. Das dauert zwei Minuten und deckt die häufigsten Lesbarkeitsprobleme auf.
Checkliste: 10 Fragen an deine Startseite
- Versteht ein Fremder in fünf Sekunden, was du anbietest und für wen?
- Ist die wichtigste Aussage auch das größte Element?
- Gibt es ganz oben einen klaren Button mit einer konkreten Handlung?
- Hat dieser Button eine Farbe, die sonst nirgends vorkommt?
- Erfüllt der Text den Kontrast von mindestens 4,5 : 1?
- Sehen gleichrangige Überschriften und Buttons überall gleich aus?
- Kommt kein Satz vor, der auch bei der Konkurrenz stehen könnte?
- Sind Fachbegriffe übersetzt oder erklärt?
- Bleibst du überall bei Du oder überall bei Sie?
- Zeigen echte Fotos echte Menschen, Räume oder Produkte?
Wenn du bei mehr als drei Fragen zögerst, lohnt ein genauer Blick. Weitere Warnsignale stehen in den 7 Anzeichen für ein Website-Update.