Der Coaching-Markt ist groß – und gleichzeitig unübersichtlich.
Viele Anbieter wirken austauschbar, da Positionierung und Zielgruppenansprache unscharf bleiben.

Genau hier setzte das Projekt mit Andrea Weißenfels an.

Andrea Weißenfels ist Solo-Selbstständige und Gründerin von Clear Mind Coaching.
Neben ihrer Coaching-Kompetenz bringt sie einen entscheidenden USP mit: Sie ist ausgebildete Anwältin.

Eine starke Kombination – insbesondere für Unternehmen.

Die Herausforderung:
Diese Besonderheit strategisch sichtbar machen und bewusst im B2B-Bereich positionieren.

Statt einer breiten Coaching-Ansprache wurde der Fokus klar definiert:

• HR-Abteilungen
• Führungskräfte
• Teams

Ziel war es, nicht im emotional aufgeladenen Coaching-Markt unterzugehen, sondern Kompetenz, Struktur und Klarheit zu vermitteln.

1. Markenstrategie & Positionierung

Die Markenidentität wurde bewusst im B2B-Kontext entwickelt:
Professionell. Klar. Substanziell.

2. Logo-Design & Branding

Ein reduziertes, seriöses Erscheinungsbild mit klarer Farbwelt und durchdachtem Typografie-Konzept – passend zur Zielgruppe im Unternehmensumfeld.

3. Webdesign – schlanker OnePager

Statt einer komplexen Website entstand ein klar strukturierter OnePager mit:

– eindeutiger Zielgruppenansprache
– klarer Nutzenargumentation
– sichtbarem USP
– stringenter Nutzerführung

Ergebnis

Eine Marke, die sich im Coaching-Markt nicht über Lautstärke, sondern über Klarheit differenziert.

Clear Mind Coaching steht nun für:

Struktur + Empathie
Rechtliche Kompetenz + Coaching
B2B-Fokus statt Bauchladen

 

Hannover, 19.03.2025 – Im Sommer 2025 tritt das neue Barrierefreiheitsstärkungsgesetz in Kraft, das Unternehmen vor neue Herausforderungen stellt, insbesondere im Hinblick auf die digitale Barrierefreiheit. Als Inhaberin von mhs Webdesign beschäftige ich mich täglich mit der Frage, wie wir digitale Angebote für alle Menschen zugänglich machen können. In einem Gespräch mit Dr. Petra-Kristin Bonitz, der Leiterin der Öffentlichkeitsarbeit des Blinden- und Sehbehindertenverbandes Niedersachsen e.V., durfte ich die Anforderungen an barrierefreie Webseiten und die notwendigen Schritte zur Vorbereitung erörtern.

Das Barrierefreiheitsstärkungs-Gesetz: Neue Anforderungen für Unternehmen

Mit dem Inkrafttreten des neuen Gesetzes müssen Unternehmen sicherstellen, dass ihre Webseiten barrierefrei sind. Diese Verpflichtung betrifft nicht nur die öffentliche Hand, sondern auch private Unternehmen. Der Gesetzgeber fordert, dass digitale Angebote – von Webseiten bis hin zu mobilen Apps – für alle Menschen zugänglich gemacht werden. Das bedeutet, dass auch Menschen mit Behinderungen uneingeschränkten Zugang zu Informationen und Dienstleistungen erhalten müssen. Das ist eine große Aufgabe, die Unternehmen, insbesondere kleinere und mittelständische Unternehmen, vor neue Herausforderungen stellt.

Was bedeutet Barrierefreiheit im Web?

Als Expertin im Bereich Webdesign weiß ich, dass Barrierefreiheit weit mehr umfasst als nur eine schöne Optik. Es geht darum, Webseiten technisch so zu gestalten, dass sie für alle Menschen, einschließlich sehbehinderter und blinder Nutzer, zugänglich sind. „Wichtige Maßnahmen hierfür sind beispielsweise eine klare Strukturierung der Inhalte in Überschriftenebenen und Fließtexte und die Verwendung von ARIA-Labels, die interaktive Elemente wie Buttons oder Links für Screenreader verständlich machen“, erklärt Frau Dr. Bonitz.

„Ein hoher Kontrast zwischen Text und Hintergrund und auch kontrastreiche Bilder sind entscheidend, um den Zugang zu Informationen für Menschen mit Sehbehinderungen zu erleichtern. Auch die Wahl der Schriftarten spielt eine große Rolle – serifenfreie Schriften und ausreichend große Schriftgrößen machen das Lesen deutlich einfacher – für alle.“

Technische Vorbereitung und Tests

Ein wichtiger Aspekt der Barrierefreiheit ist die technische Vorbereitung und Umsetzung. Schriften H1, H2 etc. sind technisch richtig im Backend zu schreiben. Tools und Programme zur Barrierefreiheit bieten zwar eine erste Orientierung, doch am besten lassen sich Webseiten durch echte Nutzer, die auf Screenreader angewiesen sind, testen. Das hilft, Probleme zu erkennen und zu beheben, die durch automatisierte Tests nicht erfasst werden. Gerade bei komplexen Webseiten oder interaktiven Funktionen wie Formularen oder Videos sind präzise Tests entscheidend.

Die Chance für eine inklusivere digitale Zukunft

Dr. Bonitz und ich sind uns einig, dass das Barrierefreiheitsstärkungsgesetz eine wichtige Chance für eine inklusivere digitale Zukunft bietet. „Es geht nicht nur um die rechtlichen Anforderungen, sondern auch um den sozialen Aspekt. Barrierefreiheit bedeutet, dass wir digitale Angebote für alle Menschen zugänglich machen und damit echte Teilhabe ermöglichen“, sagte sie.
Für mich als Webdesignerin bedeutet dies, dass wir Unternehmen dabei unterstützen müssen, ihre Webseiten nicht nur gesetzeskonform, sondern auch benutzerfreundlich für alle Zielgruppen zu gestalten. Es ist eine große Chance, aber auch eine Verantwortung.

Über den Blinden- und Sehbehindertenverband Niedersachsen e.V. (BVN)
Der BVN setzt sich für die Belange von blinden und sehbehinderten Menschen in Niedersachsen ein. Das Angebot reicht von individueller Beratung bis hin zu Schulungen und Veranstaltungen, die auf die spezifischen Bedürfnisse dieser Zielgruppe eingehen.

Über mhs Webdesign
mhs Webdesign ist eine Marketing- und Webdesignagentur, die sich verstärkt auf barrierefreies Webdesign spezialisiert. Wir helfen Unternehmen, ihre digitalen Angebote inklusiv und benutzerfreundlich zu gestalten. Mit einem klaren Fokus auf Barrierefreiheit sorgen wir dafür, dass alle Nutzer – unabhängig von ihren Fähigkeiten – ein optimales Online-Erlebnis haben.
Für weitere Fragen wenden Sie sich bitte an:

Nadine Grewe
Inhaberin, mhs Webdesign
Telefon: 05130-92 549 76
E-Mail: hallo@meinhomepageservice.de

Dr. Petra-Kristin Bonitz
Leitung Öffentlichkeitsarbeit, Blinden- und Sehbehindertenverband Niedersachsen e.V.
Telefon: 0511-5104 223
E-Mail: petra-kristin.bonitz@blindenverband.org

© Foto von CoWomen auf Unsplash

Insbesondere Eye-Tracking-Studien haben gezeigt, wie Nutzer visuelle Informationen auf Webseiten wahrnehmen und verarbeiten. Diese Untersuchungen liefern wertvolle Hinweise darauf, wie Bilder, Texte und Typografie unterbewusst wirken und somit die Effektivität und Benutzerfreundlichkeit moderner Webseiten beeinflussen.

Eine umfassende Analyse von Eye-Tracking-Studien identifizierte mehrere Faktoren, die das Blickverhalten auf Webseiten beeinflussen. Dazu gehören visuelle Merkmale wie Animationen, Farben, Intensität, Orientierung und Größe von Elementen. Bewegte oder farblich hervorstechende Komponenten ziehen dabei besonders die Aufmerksamkeit der Nutzer auf sich. Zudem spielen individuelle Unterschiede wie Persönlichkeit, Vorerfahrungen und aktuelle Aufgabenstellungen eine Rolle bei der visuellen Aufmerksamkeit.

Die Platzierung von Bildern und Texten beeinflusst ebenfalls die Nutzerwahrnehmung. Studien haben gezeigt, dass Gesichter auf Bildern die Aufmerksamkeit der Betrachter besonders stark auf sich ziehen. Dieses Wissen kann genutzt werden, um wichtige Informationen in der Nähe solcher Bilder zu platzieren, um die Wahrscheinlichkeit zu erhöhen, dass sie wahrgenommen werden. Zudem neigen Nutzer dazu, Textinhalte in einem F-Muster zu scannen, wobei die oberen und linken Bereiche einer Seite mehr Beachtung finden. Dieses Verhalten sollte bei der Anordnung von Inhalten berücksichtigt werden, um die Benutzerführung zu optimieren.

Die Wahl der Typografie hat ebenfalls einen erheblichen Einfluss auf die Wahrnehmung und das Leseverhalten. Leserlichkeit und Schriftgröße bestimmen, wie leicht Informationen aufgenommen werden können. Serifenlose Schriften werden oft als moderner und klarer empfunden, während serifenbetonte Schriften traditionellere Assoziationen hervorrufen können. Die konsistente Verwendung von Schriftarten und -größen trägt zur Schaffung eines harmonischen und benutzerfreundlichen Designs bei.

Zusammenfassend lässt sich sagen, dass die Anwendung von Erkenntnissen aus der Hirnforschung und Psychologie im Webdesign dazu beiträgt, Webseiten effektiver und ansprechender zu gestalten. Durch die Berücksichtigung von Faktoren wie visueller Aufmerksamkeit, Bildplatzierung und Typografie können Designer die Benutzererfahrung verbessern und die Wahrscheinlichkeit erhöhen, dass wichtige Informationen wahrgenommen und verarbeitet werden.

Die Pantone-Farbe des Jahres 2025, Mocha Mousse (Pantone 17-1230), eignet sich hervorragend für Webdesign, da sie eine warme und einladende Grundstimmung schafft. Um diese Farbe effektiv in digitalen Projekten einzusetzen und gleichzeitig Barrierefreiheit zu gewährleisten, könnten folgende Farbkombinationen interessant sein:

1. Kontrastreiche Kombinationen für Barrierefreiheit

Mocha Mousse (#A37F58) kombiniert mit Off-White (#F5F5F5) für einen eleganten und minimalistischen Look, der Texte hervorhebt. Ergänzt mit Dunkelblau (#1E3A5F) für starke Kontraste bei Schaltflächen oder Überschriften.
Beispiel: Hintergrund in Mocha Mousse, weiße Schrift und dunkelblaue Call-to-Action-Buttons (CTAs).

2. Natürliche, erdverbundene Palette

Mocha Mousse als Basis, kombiniert mit Salbeigrün (#A8C090) und Sandbeige (#F4EBD0).
Ideal für Webseiten, die Nachhaltigkeit, Natur oder ein beruhigendes Gefühl vermitteln möchten.
Tipp: Stellen Sie sicher, dass die Schriftfarben auf diesen Tönen mindestens ein Kontrastverhältnis von 4.5:1 erfüllen.

3. Luxuriöse Kombinationen

Mocha Mousse mit Gold (#D4AF37) und Tiefschwarz (#101010), um eine luxuriöse Atmosphäre zu schaffen.
Barrierefreiheit: Verwenden Sie Gold sparsam und achten Sie darauf, dass Schrift auf schwarzem Hintergrund lesbar bleibt.

4. Verspielte Farbakzente

Kombinieren Sie Mocha Mousse mit Koralle (#FF6F61) und Türkis (#00A19A), um lebendige Akzente zu setzen.
Perfekt für jugendliche oder kreative Marken, mit Mocha Mousse als beruhigender Basis.

5. Barrierefreiheit: Typografie und Farbtests

Verwenden Sie Tools wie WebAIM Contrast Checker, um sicherzustellen, dass Farbkombinationen die WCAG-Anforderungen erfüllen. Setzen Sie auf klare, große Schriftarten mit genügend Kontrast zu Mocha Mousse, z. B. dunkles Anthrazit (#3B3B3B) auf hellem Hintergrund.

Einsatzbeispiele im Webdesign:

Hintergründe: Mocha Mousse bietet sich für große Flächen an, z. B. hero sections oder Footer.

Buttons und Call-to-Actions: Kombinieren Sie Mocha Mousse mit kontrastierenden Farben, wie Dunkelblau oder Weiß.

Icons und Illustrationen: Verwenden Sie Akzentfarben wie Gold oder Koralle für Details.

Fazit:

Mit Mocha Mousse lässt sich eine harmonische, aber auch kontrastreiche und barrierefreie Design-Ästhetik umsetzen. Der warme Braunton vermittelt Vertrauen und Eleganz und kann mit kreativen Akzentfarben kombiniert werden, um verschiedene Stimmungen zu erzeugen.

Die Integration von KI in das Webdesign bietet zahlreiche Möglichkeiten, um Nutzererlebnisse zu verbessern, Designprozesse effizienter zu gestalten und Innovationen voranzutreiben. Wir haben für euch die sieben besten Ansätze zusammengetragen:

1. Personalisierung der Nutzererfahrung

Empfehlungssysteme: KI kann Inhalte oder Produkte basierend auf Nutzerverhalten und Präferenzen vorschlagen.
Dynamische Inhalte: Websites können Inhalte in Echtzeit anpassen, z. B. basierend auf Standort, Gerät oder bisherigen Interaktionen.
Chatbots: Intelligente Assistenten beantworten Fragen, bieten Support oder leiten Nutzer durch die Website.

2. Automatisierung im Designprozess

KI-Design-Tools: Tools wie Adobe Sensei oder Canva nutzen KI, um Designvorschläge zu generieren, Farbkombinationen vorzuschlagen oder Layouts zu optimieren.
Automatische Code-Generierung: KI-gestützte Tools wie GitHub Copilot können Code für spezifische Designanforderungen schreiben.
Mockups und Prototypen: KI kann auf Basis von Skizzen oder Ideen funktionierende Prototypen erstellen.

3. Verbesserte Benutzerfreundlichkeit

Barrierefreiheit: KI kann Websites analysieren und Vorschläge zur Verbesserung der Barrierefreiheit machen (z. B. automatische Alt-Texte für Bilder, bessere Kontraste).
SEO-Optimierung: KI-Tools wie Semrush oder SurferSEO analysieren Inhalte und machen Optimierungsvorschläge für bessere Suchmaschinenrankings.
A/B-Testing: KI kann verschiedene Versionen einer Website testen und optimieren, um die Konvertierungsrate zu steigern.

4. Analysen und Optimierungen

User Behavior Analytics: KI analysiert Nutzerdaten, um zu verstehen, wie sich Besucher auf der Website bewegen, wo sie abspringen und was verbessert werden kann.
Heatmaps: KI kann Nutzerinteraktionen wie Klicks und Scrolls visuell darstellen, um die Navigation zu optimieren.
Predictive Analytics: KI prognostiziert zukünftiges Nutzerverhalten, was z. B. für Marketingstrategien genutzt werden kann.

5. Content-Generierung und -Optimierung

Text- und Bild-Generierung: KI-Tools wie ChatGPT oder DALL·E können Inhalte wie Texte, Bilder oder Grafiken erstellen.
Content-Übersetzung: KI-gestützte Übersetzungstools wie DeepL ermöglichen nahtlose mehrsprachige Websites.
Content-Analyse: KI bewertet, wie ansprechend Inhalte für die Zielgruppe sind, und macht Optimierungsvorschläge.

6. Sicherheit und Wartung

Cybersicherheit: KI kann verdächtige Aktivitäten erkennen und Sicherheitsmaßnahmen automatisch einleiten.
Automatische Updates: Systeme können mithilfe von KI auf dem neuesten Stand gehalten und Fehler frühzeitig erkannt werden.
Backup und Wiederherstellung: KI-gestützte Systeme erstellen automatische Backups und stellen bei Bedarf Daten wieder her.

7. Visuelle und interaktive Elemente

KI-generierte Animationen: Interaktive Designs, die durch KI personalisiert oder dynamisch erstellt werden.
Sprach- und Bildsuche: KI-basierte Funktionen wie Sprachsteuerung oder visuelle Suchen verbessern die Interaktivität der Website.
Augmented Reality (AR) und Virtual Reality (VR): KI kann AR/VR-Inhalte auf Websites integrieren, z. B. für Produktvisualisierungen. Foto von Emiliano Vittoriosi auf Unsplash

Fazit:

Die Integration von KI ins Webdesign ist nicht nur ein technischer Trend, sondern ein echter Mehrwert für Designer und Nutzer. Sie vereinfacht Prozesse, verbessert die User Experience und macht Websites zukunftssicher. Webdesigner sollten KI-Tools schrittweise integrieren und sicherstellen, dass diese den spezifischen Bedürfnissen der Zielgruppe dienen.

Die Digitalisierung schreitet voran, und immer mehr Menschen nutzen das Internet für alltägliche Aufgaben wie Einkaufen, Kommunikation oder Informationssuche. Doch wie steht es um diejenigen, die aufgrund körperlicher oder geistiger Einschränkungen Barrieren im Netz erleben? Barrierefreies Webdesign ist nicht nur ein ethisches Gebot, sondern auch eine gesetzliche und wirtschaftliche Notwendigkeit. In diesem Beitrag erfährst du, warum Barrierefreiheit im Webdesign wichtig ist und wie du deine Website zugänglich gestalten kannst.

Was bedeutet barrierefreies Webdesign?

Barrierefreies Webdesign bedeutet, dass eine Website von allen Menschen uneingeschränkt genutzt werden kann – unabhängig von Behinderungen oder Einschränkungen. Dazu gehören zum Beispiel:

• Menschen mit Sehbehinderungen, die Screenreader verwenden,
• Menschen mit motorischen Einschränkungen, die keine Maus nutzen können,
• Menschen mit Hörbehinderungen, die auf Untertitel angewiesen sind,
• Menschen mit kognitiven Einschränkungen, die eine klare Navigation benötigen.

Warum ist Barrierefreiheit wichtig?

Rechtliche Anforderungen: In vielen Ländern, darunter Deutschland, gibt es gesetzliche Vorgaben, die Barrierefreiheit vorschreiben, insbesondere für öffentliche Institutionen (z. B. BITV 2.0 – Barrierefreie-Informationstechnik-Verordnung).

Größere Zielgruppe: Weltweit leben über eine Milliarde Menschen mit einer Behinderung. Barrierefreiheit ermöglicht es, auch diese Nutzergruppe zu erreichen und anzusprechen.

Verbesserte Benutzerfreundlichkeit: Maßnahmen zur Barrierefreiheit – wie klare Navigation oder gut lesbare Texte – kommen allen Nutzern zugute, nicht nur Menschen mit Einschränkungen.

SEO-Vorteile: Suchmaschinen bevorzugen klar strukturierte und gut zugängliche Inhalte. Eine barrierefreie Website kann daher auch das Ranking verbessern.

Tipps für barrierefreies Webdesign

Alt-Texte für Bilder: Beschreibe Bilder mit Alt-Tags, damit Screenreader den Inhalt für sehbehinderte Nutzer vorlesen können. Beispiel: Statt „IMG123.jpg“ verwende „Foto eines lächelnden Kunden mit Laptop“.

Klare Struktur und Navigation: Verwende sinnvolle Überschriftenhierarchien (H1, H2, H3) und gestalte die Navigation intuitiv. Eine „Zurück“-Option ist ebenso hilfreich.

Kontraste und Schriftgröße: Achte auf ausreichende Kontraste zwischen Text und Hintergrund. Eine gut lesbare Schriftgröße von mindestens 16px ist ideal.

Tastaturnavigation ermöglichen: Stelle sicher, dass deine Website auch ohne Maus vollständig bedienbar ist, z. B. durch die Tab-Taste.

Untertitel und Transkripte: Für Videos sollten Untertitel und, wenn möglich, Transkripte bereitgestellt werden, damit auch hörbehinderte Nutzer den Inhalt erfassen können.

Verständliche Sprache: Verwende klare und einfache Formulierungen, um Inhalte leicht verständlich zu machen. Fachbegriffe sollten erklärt werden.

Barrierefreiheit als Wettbewerbsvorteil

Eine barrierefreie Website ist mehr als ein technisches Detail – sie zeigt, dass dein Unternehmen inklusiv denkt und handelt. Das schafft Vertrauen und stärkt deine Marke. Investitionen in Barrierefreiheit zahlen sich aus, denn sie führen zu zufriedeneren NutzerInnen, besserem SEO-Ranking und einer größeren Reichweite. Foto von International Student Navigator Australia auf Unsplash

Fazit

Barrierefreies Webdesign ist nicht nur eine Verpflichtung, sondern eine Chance, mehr Menschen zu erreichen und eine bessere Nutzererfahrung zu bieten. Nutzen Sie die Möglichkeit, Ihre Website inklusiv und zukunftssicher zu gestalten – Ihre Nutzer und Ihre Marke werden es Ihnen danken.

Ist dein Unternehmen fit für Barrierefreiheit? Du möchtest gerne einen Profi-Check?

LAUNCH ALERT

Carmen Sita ist eine herausragende Künstlerin, die es versteht, mit Leidenschaft und beeindruckendem Talent Pferde und Menschen in ihren Kunstwerken festzuhalten. Ihre Auftragsgemälde reichen von detailgetreuen Porträts bis hin zu emotionalen Momentaufnahmen – jedes Bild erzählt eine Geschichte und wird zu einem echten Blickfang.

Als Team von mhs Webdesign hatten wir das große Vergnügen, für Carmen einen maßgeschneiderten Künstler-OnePager zu gestalten. Ziel war es, ihre Kunst und Leidenschaft auf eine Weise zu präsentieren, die ebenso beeindruckend ist wie ihre Werke selbst.

Unsere Umsetzung:

• Ein durchdachtes, harmonisches Farbkonzept, das die Ästhetik und Emotionalität ihrer Gemälde unterstreicht.
• Ein modernes, klar strukturiertes Design, das den Fokus auf ihr Portfolio legt und es Besuchern leicht macht, ihre Kunst zu entdecken.
• Individuelle Details, die den einzigartigen Charakter von Carmen und ihrer Arbeit widerspiegeln.

Das Ergebnis ist eine digitale Bühne, die Carmen Sitas Kunst perfekt in Szene setzt und ihren künstlerischen Anspruch widerspiegelt.

Entdecke die neue Webseite und tauche ein in die faszinierende Welt von Carmen Sita: https://carmen-sita.de/

Foto: Carmen Sita

Wir danken Carmen für ihr Vertrauen und wünschen ihr weiterhin viel Erfolg und Inspiration auf ihrem kreativen Weg!

Ihr braucht auch eine Webseite, die eure Leidenschaft und Persönlichkeit widerspiegelt?
Dann seid ihr bei uns genau richtig. Schreibt uns – wir freuen uns auf eure Projekte!

Herzlichen Glückwunsch zur neuen Webseite!! Gemeinsam mit der Welter Facility Management GmbH haben wir an einem umfassenden Website-Redesign gearbeitet – und jetzt ist das Ergebnis endlich online.

Was war besonders an diesem Projekt? Ein frischer Logo-Relaunch für ein modernes Erscheinungsbild. Ein neues Farben- und Typo-Konzept, das die Werte und Professionalität der Firma perfekt widerspiegelt. Komplett neu erstellte Webseite, die die vielfältigen Dienstleistungen der Welter Facility Management GmbH optimal in Szene setzt.

Die Welter Facility Management GmbH bietet in Berlin und Umgebung umfassende Leistungen rund um die Reinigung von Tankstellen und viele weitere Facility-Management-Services.

Jetzt vorbeischauen und die neue Website entdecken: www.wfm-facilitymanagement.de