„Canoodling with your codebase“ – Wenn Sprache plötzlich flirtet

In der visuellen Kommunikation ist die Antwort auf Differenzierung meistens dieselbe: ein unverwechselbares Logo, eine eigenständige Bildsprache, ein konsequentes Farbsystem. Was aber passiert in Umgebungen, in denen all das wegfällt? In technischen Interfaces, die auf Bilder, Illustrationen und Icons vollständig verzichten – weil sie für Menschen gebaut wurden, die dort keine Ablenkung wollen und keine brauchen?

In solchen Kontexten bleibt genau ein Gestaltungsmittel übrig: Sprache. Und damit stellt sich eine Frage, die im Brand Design selten so klar auf den Punkt kommt wie hier – nämlich, ob Sprache allein in der Lage ist, eine Persönlichkeit zu transportieren, die eine Marke erkennbar und erinnerbar macht.

Claude Code, ein KI-Entwicklerwerkzeug von Anthropic, gibt auf diese Frage eine bemerkenswert klare Antwort. Während das Tool arbeitet, zeigt es wechselnde Statusmeldungen im Terminal. Eine davon lautet:

„Canoodling with your codebase.“

Canoodling. Schmusen. Mit dem eigenen Code. In einem professionellen Entwickler-Tool, das täglich in ernsthaften Produktionsumgebungen eingesetzt wird.

Der unerwartete Moment als Gestaltungsprinzip

Wer Claude Code kennt, weiß: Es ist ein ernsthaftes, leistungsstarkes Werkzeug für Entwickler. Ein CLI-Tool, das täglich in professionellen Umgebungen eingesetzt wird. Die Erwartung an solche Tools ist geprägt von Effizienz, Präzision und einer gewissen Nüchternheit. Niemand erwartet dort Witz. Niemand erwartet Wärme.

Und genau hier beginnt das Interessante.

Während Claude Code arbeitet, zeigt es wechselnde Statusmeldungen – und die klingen nicht wie Fehlermeldungen in einem Handbuch. Sie klingen wie jemand, der mit echtem Interesse und einem leichten Augenzwinkern über die eigene Tätigkeit nachdenkt. Wortspiele, Alliterationen, überraschende Bilder – alles eingesetzt mit einem Gespür dafür, was in diesem Kontext noch funktioniert und was zu weit gehen würde.

Das ist kein Zufall und kein nettes Beiwerk. Das ist eine bewusste Gestaltungsentscheidung.

Warum das funktioniert – und warum es so selten passiert

Der Autopilot als Problem

In technischen Produkten gilt eine unausgesprochene Regel: Sprache ist Mittel zum Zweck. Sie soll informieren, navigieren und bestätigen – und dann aus dem Weg gehen. Was dabei verloren geht, ist die Fähigkeit von Sprache, Beziehungen zu schaffen.

Unser Gehirn verarbeitet erwartbare Informationen im Autopiloten. Wir lesen sie, aber wir nehmen sie nicht wahr. Ein unerwartetes Wort in einem völlig erwartbaren Kontext – das ist ein kognitiver Weckruf. Kein aufwändiges Onboarding, kein langer Erklärtext, kein groß inszenierter Markenkontakt. Ein einziges, überraschendes Wort reicht aus, um Aufmerksamkeit herzustellen und eine Erinnerung zu schaffen.

Die Kraft des richtigen Moments

„Canoodling“ in einem Terminal ist das textliche Äquivalent eines echten Blickkontakts in einem langen, anonymen Korridor – kurz, unvorbereitet und deshalb unvergesslich. Die Wirkung entsteht nicht trotz des ungewöhnlichen Kontexts, sondern wegen ihm. Im Kontrast zur Erwartung gewinnt das Wort sein Gewicht.

Drei Ebenen, auf denen diese Entscheidung greift

Betrachtet man die Statusmeldungen von Claude Code aus der Perspektive von Design und Kommunikation, wird schnell klar, dass hier auf mehreren Ebenen gleichzeitig gearbeitet wird.

1. Nutzererfahrung: Warten wird zum Erlebnis

Ladezeiten sind Reibung. Warten erzeugt Ungeduld, Ungeduld kostet Vertrauen – und verlorenes Vertrauen ist das teuerste Problem, das ein digitales Produkt haben kann. Ladezeiten mit Persönlichkeit verändern diese Wahrnehmung grundlegend: Das Tool signalisiert, dass es mit echtem Engagement bei der Sache ist. Der Nutzer entspannt sich. Die wahrgenommene Wartezeit sinkt – nicht weil das Tool schneller wird, sondern weil die Erfahrung angenehmer ist. Das ist kein kosmetisches Extra, sondern fundamentales UX-Denken.

2. Markenführung: Charakter schlägt Kategorie

In einem Markt voller KI-Coding-Tools kämpfen alle Anbieter mit Features: Geschwindigkeit, Präzision, Integrationen. Alles messbar, alles vergleichbar und deshalb auch schnell austauschbar. Charakter ist das, was sich nicht so einfach vergleichen lässt. Wenn ein Tool eine spürbare Persönlichkeit hat – wenn es in unerwarteten Momenten Wärme zeigt –, entsteht eine Beziehung. Und Beziehungen sind loyaler als Leistungsvergleiche. Entwickler, die sich bei einem Tool wohlfühlen, wechseln nicht beim nächsten Benchmark-Update.

3. Brand Voice: Die Stimme, die auch dann klingt, wenn keiner hinschaut

Jedes Unternehmen hat eine Stimme – ob sie bewusst gestaltet wurde oder nicht. Die meisten technischen Produkte wählen unbewusst die Stimme des Handbuchs: neutral, distanziert, formell. Claude Code hat eine andere Wahl getroffen. Und diese Wahl gilt konsequent auch für die ungesehenen Momente, in denen niemand erwartet, dass Sprache überhaupt eine Rolle spielt. Das ist Brand Voice auf einem Niveau, das weit über die übliche Diskussion um Buttonbeschriftungen und Tonalitätsleitfäden hinausgeht.

Was das für Ihre Kommunikation bedeutet

Das Gegenargument – und warum es nicht trägt

Das Gegenargument, das an dieser Stelle meistens kommt, lautet: „Unsere Zielgruppe ist technisch orientiert, rational denkend – die wollen keine Spielereien.“ Claude Code richtet sich an Entwickler, an Menschen, die täglich in Terminals und Code-Editoren arbeiten und demonstrativ keine Zeit für Unnötiges haben. Und trotzdem – oder vielleicht gerade deshalb – funktioniert diese Entscheidung.

Weil auch Entwickler Menschen sind. Weil alle Menschen auf unerwartete Wärme reagieren, egal in welchem Kontext. Weil niemand dagegen immun ist, einen Moment innezuhalten und zu lächeln.

Die ungenutzten Berührungspunkte

Die relevantere Frage für Ihr eigenes Unternehmen lautet nicht, ob Ihre Marke Persönlichkeit haben darf. Die Frage ist, welche Berührungspunkte Sie noch ungenutzt lassen. Newsletter-Footer, Fehlermeldungen, Bestätigungs-E-Mails, Ladezeiten – das sind die Momente, in denen Ihre Konkurrenz schläft und in denen deshalb Raum ist.

Denn Emotion entsteht nicht in großen Kampagnenmomenten. Sie entsteht in den Zwischenmomenten, die niemand auf dem Schirm hat.

Fazit

Claude Code hat mit einer kleinen Gestaltungsentscheidung etwas demonstriert, das für Texter, Designer und Verantwortliche für Markenkommunikation gleichermaßen relevant ist: Die stärkste Wirkung entfaltet Sprache oft dort, wo sie am wenigsten erwartet wird.

Es braucht dafür keine großen Budgets und keine aufwändigen Kampagnen. Es braucht die Bereitschaft, auch in vermeintlich kleinen Momenten mit Sorgfalt zu formulieren – und den Mut, dabei die eigene Stimme wirklich zu zeigen.

Dieser Artikel entstand, weil ein Ladebalken mich zum Nachdenken gebracht hat. Manchmal reicht ein Wort.

von Gersdorff Consulting

Fofo- und Videographie: Urs Küster, Hamburg (https://urskuester.de/)

Barrierefreiheit im Netz: Was Webseitenbetreiber jetzt machen sollten

Ab dem 28. Juni 2025 wird digitale Barrierefreiheit durch das Barrierefreiheitsstärkungsgesetz (BFSG) für viele Unternehmen zur gesetzlichen Pflicht. Doch anstatt dies nur als rechtliche Anforderung zu betrachten, sehe ich darin eine großartige Chance – für Unternehmen, Designer und vor allem für die Menschen, die das Internet nutzen.

Und was zunächst nach extremem Aufwand aussieht, ist häufig gar nicht so schlimm ;).

Was bedeutet Barrierefreiheit im Web eigentlich?

Eine barrierefreie Website ist eine Website, die von allen Menschen genutzt werden kann, unabhängig von körperlichen, kognitiven oder technischen Einschränkungen. Das betrifft nicht nur Menschen mit Behinderungen, sondern auch ältere Personen, Menschen in lauten Umgebungen oder solche mit temporären Einschränkungen. In Deutschland leben 7,8 Millionen Menschen mit einer anerkannten Schwerbehinderung – eine beachtliche Zielgruppe, die oft übersehen wird.

Die Grundprinzipien der Barrierefreiheit lassen sich in vier Bereiche unterteilen: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit. Diese Prinzipien bilden das Fundament der Web Content Accessibility Guidelines (WCAG), die international als Standard gelten

Die rechtliche Realität: Was ändert sich 2025?

Das BFSG betrifft Hersteller, Händler und Importeure bestimmter Produkte sowie Dienstleistungserbringer. Besonders relevant für uns Webdesigner: Der gesamte Online-Handel, Bankdienstleistungen und viele weitere digitale Dienstleistungen müssen ab Juni 2025 barrierefrei sein. Kleinstunternehmen mit weniger als zehn Mitarbeitern und einem Jahresumsatz unter 2 Millionen Euro sind teilweise ausgenommen.

Konkrete Maßnahmen für barrierefreie Websites

Die wichtigsten technischen Anforderungen

Textalternativen und Multimedia: Alle Bilder benötigen aussagekräftige Alt-Texte, Videos brauchen Untertitel und Audiodeskriptionen [12][13]. Das ist nicht nur für Screenreader wichtig, sondern hilft auch bei schlechten Internetverbindungen.

Kontraste und Farben: Hohe Farbkontraste zwischen Vordergrund und Hintergrund sind essentiell . Informationen dürfen nicht nur über Farben vermittelt werden – zusätzliche visuelle Hinweise wie Icons oder Unterstreichungen sind nötig.

Navigation und Struktur: Websites müssen sowohl per Maus als auch per Tastatur bedienbar sein. Eine klare, logische Struktur mit eindeutigen Überschriften erleichtert die Orientierung für alle Nutzer.

Praktische Umsetzungstipps

Formulare: Alle Eingabefelder brauchen verständliche Beschriftungen und Erklärungen. Fehlermeldungen sollten klar und hilfreich formuliert sein.

Schriftarten und Größen: Gut lesbare Schriftarten und die Möglichkeit zur Textvergrößerung sind unerlässlich. Auch die Anpassbarkeit von Zeichen- und Zeilenabständen sollte möglich sein.

Sprache: Informationen sollten in einfacher, verständlicher Sprache verfasst sein. Fachbegriffe sollten sparsam eingesetzt und erklärt werden.

Die drei WCAG-Level verstehen

Die WCAG-Standards sind in drei Stufen unterteilt:

• Level A: Grundlegende Anforderungen wie Alt-Texte und korrekte HTML-Struktur

• Level AA: Gesetzlich vorgeschrieben, umfasst Farbkontraste, responsives Design und beschriftete Formulare

• Level AAA: Optional, höchste Stufe mit zusätzlichen Anforderungen wie einfacher Sprache

Für die rechtliche Compliance reicht Level AA aus, aber jede weitere Verbesserung kommt den Nutzern zugute.

Warum Barrierefreiheit ein Gewinn für alle ist

Barrierefreie Websites sind nicht nur inklusiver, sondern auch benutzerfreundlicher für alle. Sie laden oft schneller, sind besser strukturiert und bieten eine klarere Navigation. Unternehmen erreichen durch Barrierefreiheit mehr potentielle Kunden und verbessern gleichzeitig ihr SEO-Ranking .

Aus meiner Erfahrung als Webdesigner kann ich sagen: Die meisten Maßnahmen für Barrierefreiheit verbessern automatisch die allgemeine Nutzererfahrung. Klare Strukturen, gute Kontraste und verständliche Texte kommen allen Besuchern zugute.

Wie Sie jetzt starten können

Der erste Schritt ist eine ehrliche Analyse Ihrer bestehenden Website. Nutzen Sie Accessibility-Tools, um Schwachstellen zu identifizieren. Priorisieren Sie die Maßnahmen nach Wirkung und Umsetzbarkeit – oft sind die wichtigsten Verbesserungen auch die einfachsten.

Denken Sie nicht in Problemen, sondern in Lösungen. Jede barrierefreie Anpassung ist ein Schritt zu einer inklusiveren digitalen Welt. Als Webdesigner haben wir die Verantwortung und die Chance, das Internet für alle Menschen zugänglich zu machen.

Haben Sie Fragen zur Umsetzung von Barrierefreiheit auf Ihrer Website? Als freiberuflicher Webdesigner unterstütze ich Sie gerne dabei, Ihre digitalen Angebote inklusiv und zukunftssicher zu gestalten.

Text mit freundlicher Unterstützung meiner Lieblings-KI (https://www.perplexity.ai/)

Barrierefreiheit im Netz: Was Webseitenbetreiber jetzt machen sollten

Ab dem 28. Juni 2025 wird digitale Barrierefreiheit durch das Barrierefreiheitsstärkungsgesetz (BFSG) für viele Unternehmen zur gesetzlichen Pflicht. Doch anstatt dies nur als rechtliche Anforderung zu betrachten, sehe ich darin eine großartige Chance – für Unternehmen, Designer und vor allem für die Menschen, die das Internet nutzen.

Und was zunächst nach extremem Aufwand aussieht, ist häufig gar nicht so schlimm ;).

Was bedeutet Barrierefreiheit im Web eigentlich?

Eine barrierefreie Website ist eine Website, die von allen Menschen genutzt werden kann, unabhängig von körperlichen, kognitiven oder technischen Einschränkungen. Das betrifft nicht nur Menschen mit Behinderungen, sondern auch ältere Personen, Menschen in lauten Umgebungen oder solche mit temporären Einschränkungen. In Deutschland leben 7,8 Millionen Menschen mit einer anerkannten Schwerbehinderung – eine beachtliche Zielgruppe, die oft übersehen wird.

Die Grundprinzipien der Barrierefreiheit lassen sich in vier Bereiche unterteilen: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit. Diese Prinzipien bilden das Fundament der Web Content Accessibility Guidelines (WCAG), die international als Standard gelten.

Die rechtliche Realität: Was ändert sich 2025?

Das BFSG betrifft Hersteller, Händler und Importeure bestimmter Produkte sowie Dienstleistungserbringer. Besonders relevant für uns Webdesigner: Der gesamte Online-Handel, Bankdienstleistungen und viele weitere digitale Dienstleistungen müssen ab Juni 2025 barrierefrei sein. Kleinstunternehmen mit weniger als zehn Mitarbeitern und einem Jahresumsatz unter 2 Millionen Euro sind teilweise ausgenommen.

Konkrete Maßnahmen für barrierefreie Websites

Die wichtigsten technischen Anforderungen

Textalternativen und Multimedia: Alle Bilder benötigen aussagekräftige Alt-Texte, Videos brauchen Untertitel und Audiodeskriptionen.

Kontraste und Farben: Hohe Farbkontraste zwischen Vordergrund und Hintergrund sind essentiell.

Navigation und Struktur: Websites müssen sowohl per Maus als auch per Tastatur bedienbar sein.

Praktische Umsetzungstipps

Formulare: Alle Eingabefelder brauchen verständliche Beschriftungen und Erklärungen.

Schriftarten und Größen: Gut lesbare Schriftarten und die Möglichkeit zur Textvergrößerung sind unerlässlich.

Sprache: Informationen sollten in einfacher, verständlicher Sprache verfasst sein.

Die drei WCAG-Level verstehen

Level A: Grundlegende Anforderungen wie Alt-Texte und korrekte HTML-Struktur
Level AA: Gesetzlich vorgeschrieben, umfasst Farbkontraste, responsives Design und beschriftete Formulare
Level AAA: Optional, höchste Stufe mit zusätzlichen Anforderungen wie einfacher Sprache

Wie Sie jetzt starten können

Der erste Schritt ist eine ehrliche Analyse Ihrer bestehenden Website. Nutzen Sie Accessibility-Tools, um Schwachstellen zu identifizieren.

Haben Sie Fragen zur Umsetzung von Barrierefreiheit auf Ihrer Website? Als freiberuflicher Webdesigner unterstütze ich Sie gerne dabei, Ihre digitalen Angebote inklusiv und zukunftssicher zu gestalten.

Zinsland

Vom Wireframe zum Design

Graphite Materials

Wireframe / Designumsetzung

Schröder Advisory

Vorher / Nacher

Umsetzung

Vergleich: WIX vs. WORDPRESS

Vergleich: Shopify vs. WooCommerce

Investment Dashboard Immobilien investments