Human-Centered Branding sprengt die staubtrockenen Regeln starrer Zielgruppenanalysen und verdreht dem Marketing-Alphamännchen den Hals – hier geht es um echte Menschen mit echten Gefühlen und Bedürfnissen. Statt anonyme Datenmonster zu füttern, schlüpfen Marken in die Schuhe ihrer Kundinnen und Kunden, tanzen im Alltag mit und liefern genau das, was gebraucht wird. Wer diesen radikalen Perspektivwechsel wagt, landet nicht nur einen sympathischen Auftritt, sondern sichert sich Loyalität, Vertrauen und Mundpropaganda mit Explosionspotenzial.
Warum Empathie im Human-Centered Branding unverhandelbar ist
Empathie im Human-Centered Branding ist kein nettes Extra, sondern die Schrotflinte im Arsenal jeder Marke, die wirklich impacten will. Wenn du den Schmerz und die Wünsche deiner Zielgruppe fühlst, kassierst du kein müdes Schulterzucken, sondern triffst mitten ins Herz – und löst Erlebnisse aus, die fünfmal öfter geteilt werden als austauschbare Fakten. Die tiefen Belohnungszentren im Hirn feuern echte Glücksbotenstoffe, wenn Marken zuhören und reagieren. Wer darauf setzt, verbannt plumpe Rabattcodes in die Rumpelkammer und baut stattdessen Beziehungen, die dauerhaft rocken.
Drei Geheimwaffen für empathische Marken
Der erste Pfeiler im Human-Centered Branding ist gründliche Recherche: Du stürzt dich auf authentische Stories aus dem Leben deiner Zielgruppe, statt an Marketing-Tischrunden gebastelte Personas zu recyceln. Im zweiten Schritt kommt Co-Creation ins Spiel, wenn reale Nutzerinnen und Nutzer in Workshops, Feedback-Schleifen und Prototypen-Tests zum Partner werden und aus guten Ideen beeindruckende Lösungen schmieden. Der dritte und vielleicht wichtigste Move ist die Iteration: Empathie hört niemals auf. Solo-Projekte sind für die Tonne – stattdessen schleifst du mit A/B- und Usability-Tests kontinuierlich nach, bis dein Auftritt so passgenau sitzt wie ein maßgeschneiderter Anzug.
Und so geht’s: lass die Finger von pseudoempathischen Personas, die nur an der Wand hängen. Starte stattdessen mit tiefen Interviews oder digitalen Tagebuchstudien, um herauszufinden, was deine Zielgruppe wirklich denkt und fühlt. Hol sie an den Tisch, wenn Moodboards entstehen oder der erste Prototyp ins Feld geschickt wird. Und halte das Ohr am Puls, indem du kontinuierliches Feedback in deine Abläufe integrierst – so bleibt dein Brand-Design agil und wird nie zur staubigen Einbahnstraße.
Tool-Time: Euer Empathie-Equipment
Mit einer Empathy Map visualisierst du Gefühle, Gedanken und Handlungen deiner Nutzerinnen und Nutzer präzise und greifbar. Customer Journey Mapping lässt dich jeden Touchpoint nach Schmerzpunkten und Wow-Erlebnissen durchleuchten – vom ersten Klick auf deiner Website bis zum After-Sales-Chat. Tagebuchstudien bieten Echtzeit-Einblicke in den Alltag und liefern Rohdiamanten an Insights, die du sonst niemals auf dem Silbertablett serviert bekommst. Gemeinsam bilden diese Tools das Rückgrat jeder agilen Empathie-Strategie.
Greenwashing-Empathie & Trend-Jäger
Wer Nachhaltigkeit predigt, aber intransparent produziert, verliert jede Glaubwürdigkeit im Handumdrehen. Und denk bloß nicht, KI und Standardfragen könnten echtes Zuhören ersetzen – sie beschleunigen Analysen, doch das Herz bleibt menschlich. Brands, die Empathie als Trend verwechseln, landen im Niemandsland zwischen Buzzword-Bingo und peinlichen Flops.
Human-Centered Branding verwandelt Interessierte in treue Fans. Bereit, deine Marke auf das nächste Level zu heben? Melde dich bei uns und wir entwickeln gemeinsam Markenerlebnisse, die auffallen und im Alltag hängenbleiben.
Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen, die durch blinkende oder blinkende Animationen und riskante Farbkombinationen entstehen, eliminiert wird.
Sehbehindertenmodus
Verbessert die visuelle Darstellung der Website
Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
Kognitiver Behinderungsmodus
Hilft, sich auf bestimmte Inhalte zu konzentrieren
Dieser Modus bietet verschiedene Hilfsoptionen, um Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus
Reduziert Ablenkungen und verbessert die Konzentration
Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die Hauptelemente der Website zu konzentrieren, während Ablenkungen erheblich reduziert werden.
Blindheitsmodus
Ermöglicht die Nutzung der Website mit Ihrem Screenreader
Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird und mit der Websites kompatibel sein müssen.
Online Wörterbuch
Lesbare Erfahrung
Inhaltsskalierung
Standard
Textlupe
Lesbare Schriftart
Legasthenie-freundlich
Markieren Sie Titel
Links hervorheben
Schriftgröße
Standard
Zeilenhöhe
Standard
Buchstaben-Abstand
Standard
Linksbündig
Zentriert ausgerichtet
Rechtsbündig
Optisch ansprechendes Erlebnis
Dunkler Kontrast
Leichter Kontrast
Einfarbig
Hoher Kontrast
Hohe Sättigung
Niedrige Sättigung
Textfarben anpassen
Titelfarben anpassen
Hintergrundfarben anpassen
Einfache Orientierung
Töne stummschalten
Bilder ausblenden
Hide Emoji
Lesehilfe
Animationen stoppen
Lesemaske
Markieren Sie Schweben
Fokus hervorheben
Großer dunkler Cursor
Großer Lichtcursor
Kognitives Lesen
Virtuelle Tastatur
Navigationstasten
Sprachnavigation
Barrierefreiheitserklärung
johnnybegood.at
20.07.2026
Konformitätsstatus
Wir sind fest davon überzeugt, dass das Internet für alle Menschen zugänglich und nutzbar sein sollte. Daher setzen wir uns dafür ein, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist – unabhängig von persönlichen Umständen oder Fähigkeiten.
Um dieses Ziel zu erreichen, bemühen wir uns, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA so strikt wie möglich einzuhalten. Diese Richtlinien beschreiben, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass unsere Website für alle Menschen zugänglich ist: für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und viele mehr.
Diese Website verwendet verschiedene Technologien, um jederzeit eine möglichst hohe Barrierefreiheit zu gewährleisten. Wir nutzen eine Barrierefreiheits-Schnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre persönlichen Bedürfnisse anzupassen.
Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und die Barrierefreiheit kontinuierlich optimiert. Diese Anwendung überarbeitet den HTML-Code der Website, passt Funktionalitäten und Verhalten für Screenreader (für blinde Nutzer) und Tastaturfunktionen (für motorisch eingeschränkte Nutzer) an.
Wenn Sie einen Fehler entdeckt haben oder Vorschläge zur Verbesserung haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Betreiber der Website unter folgender E-Mail-Adresse: [email protected]
Screenreader- und Tastaturnavigation
Unsere Website setzt ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene funktionale Anpassungen ein, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader die Website betritt, erhält er eine Aufforderung, das Screenreader-Profil zu aktivieren, um effektiv durch die Seite zu navigieren und diese zu bedienen. So erfüllen wir die wichtigsten Anforderungen für Screenreader-Nutzer, inklusive Codebeispiele in der Konsole:
Screenreader-Optimierung: Wir führen im Hintergrund einen Prozess aus, der die Website-Komponenten vollständig analysiert, um auch bei Änderungen die Barrierefreiheit aufrechtzuerhalten. In diesem Prozess stellen wir Screenreadern bedeutungsvolle Informationen mithilfe von ARIA-Attributen zur Verfügung. Dazu gehören z. B. präzise Bezeichnungen für Formulareingabefelder, Beschreibungen für anklickbare Symbole (wie Social-Media-, Such- oder Warenkorb-Symbole), Hinweise zur Eingabevalidierung sowie Rollenzuweisungen für Elemente wie Buttons, Menüs und Popups. Zusätzlich scannt dieser Prozess alle Bilder auf der Website und ergänzt nicht beschriebene Bilder mit sinnvollen, KI-basierten ALT-Texten durch Bilderkennung. Auch in Bildern eingebettete Texte werden mithilfe von OCR-Technologie erkannt und ausgegeben. Um Screenreader-Anpassungen jederzeit zu aktivieren, genügt die Tastenkombination Alt+1. Screenreader-Nutzer erhalten beim Betreten der Website automatisch einen Hinweis zur Aktivierung des Screenreader-Modus.
Diese Anpassungen sind mit allen gängigen Screenreadern wie JAWS und NVDA kompatibel.
Tastaturnavigations-Optimierung: Der Hintergrundprozess passt zudem den HTML-Code an und ergänzt Verhaltensweisen via JavaScript, um die vollständige Bedienung per Tastatur zu ermöglichen. Dies umfasst die Navigation über Tab- und Shift+Tab-Tasten, die Bedienung von Dropdown-Menüs mit den Pfeiltasten, das Schließen mit Esc, das Auslösen von Buttons und Links mit Enter sowie die Navigation zwischen Radio-Buttons und Checkboxen mit den Pfeiltasten. Die Auswahl erfolgt mit Leertaste oder Enter. Tastaturnutzer finden zudem Schnellnavigations- und Inhaltsüberspringungsmenüs, die über Alt+1 erreichbar oder als erste Elemente beim Navigieren sichtbar sind. Auch Popups werden automatisch fokussiert, sobald sie erscheinen, sodass der Fokus nicht außerhalb des Popups wandern kann.
Zusätzlich können Nutzer Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) nutzen, um gezielt zu bestimmten Elementen zu springen.
Unterstützte Behinderungs-Profile auf unserer Website
Epilepsie-sicherer Modus: Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem blitzende Animationen und gefährliche Farbkombinationen deaktiviert werden.
Modus für Sehbehinderte: Passt die Website für Menschen mit Sehbeeinträchtigungen wie nachlassendem Sehvermögen, Tunnelblick, Katarakt, Glaukom usw. an.
Modus für kognitive Beeinträchtigungen: Bietet Unterstützung für Nutzer mit Dyslexie, Autismus, Schlaganfallfolgen und ähnlichen Beeinträchtigungen durch Fokussierung auf wesentliche Website-Elemente.
ADHS-freundlicher Modus: Unterstützt Nutzer mit ADHS und neurodivergenten Veranlagungen beim Lesen, Navigieren und Fokussieren, indem Ablenkungen minimiert werden.
Blindheitsmodus: Passt die Website für Screenreader wie JAWS, NVDA, VoiceOver und TalkBack an. Screenreader sind Softwarelösungen für blinde Nutzer auf PCs und Smartphones – Websites müssen mit diesen kompatibel sein.
Tastaturnavigationsprofil (motorisch eingeschränkt): Ermöglicht motorisch eingeschränkten Nutzern die Bedienung der Website über Tab-, Shift+Tab- und Enter-Tasten. Auch hier stehen die Tastenkürzel „M“, „H“, „F“, „B“ und „G“ zur Verfügung.
Zusätzliche UI-, Design- und Lesbarkeitsanpassungen
Schriftanpassungen – Nutzer können Schriftgröße, -art, Zeilenabstand, Ausrichtung und mehr anpassen.
Farbkontraste – Es stehen verschiedene Farbkontrast-Profile zur Verfügung: hell, dunkel, invertiert, monochrom. Auch individuelle Farbanpassungen für Texte, Hintergründe und Titel sind möglich.
Animationen – Nutzer mit Epilepsie können alle laufenden Animationen (Videos, GIFs, blinkende CSS-Effekte) per Knopfdruck deaktivieren.
Inhaltshervorhebungen – Nutzer können wichtige Elemente wie Links und Überschriften hervorheben oder sich auf fokussierte/hoverte Elemente konzentrieren.
Audio-Stummschaltung – Nutzer mit Hörgeräten können durch automatisch abgespielte Töne beeinträchtigt werden. Diese Funktion erlaubt es, den Ton der gesamten Website sofort zu deaktivieren.
Kognitive Unterstützung – Eine integrierte Suchmaschine mit Wikipedia- und Wiktionary-Anbindung hilft beim Verständnis von Ausdrücken, Abkürzungen oder Slang.
Weitere Funktionen – Nutzer können die Cursorgröße und -farbe anpassen, den Druckmodus aktivieren, eine virtuelle Tastatur einblenden und vieles mehr.
Kompatibilität mit Browsern und Hilfstechnologien
Wir streben an, eine möglichst breite Kompatibilität mit Browsern und assistiven Technologien zu erreichen, sodass unsere Nutzer ihre bevorzugten Tools mit minimalen Einschränkungen verwenden können. Deshalb haben wir intensiv daran gearbeitet, alle gängigen Systeme zu unterstützen, die über 95 % Marktanteil ausmachen – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie die Screenreader JAWS und NVDA.
Anmerkungen, Kommentare und Feedback
Trotz unserer größten Bemühungen, die Website vollständig anpassbar zu gestalten, kann es vorkommen, dass einzelne Seiten oder Inhalte noch nicht vollständig barrierefrei sind, sich in der Umsetzung befinden oder technisch schwer zugänglich sind. Wir verbessern unsere Barrierefreiheit jedoch fortlaufend, fügen neue Funktionen hinzu und setzen neue Technologien ein, um das bestmögliche Niveau der Zugänglichkeit zu erreichen. Für Unterstützung oder Rückfragen kontaktieren Sie uns bitte unter [email protected]