Albert Schweitzer Stiftung

Website Überarbeitung und Verbesserung der Barrierefreiheit

Rolle: Freelance UX/UI Designerin

Disziplinen: UX Design, UI Design, Beratung

Einleitung

Die Albert Schweitzer Stiftung für unsere Mitwelt setzt sich für den Schutz und die Rechte der Tiere sowie die vegane Lebensweise ein. Ihre Arbeit ist strategisch ausgerichtet und setzt auf Hebelwirkungen: Mit begrenztem Budget wollen sie möglichst viel für die Tiere erreichen.

Tools

UX Design Tools for Vocapp

Figma


Barrierefreiheit

Beispiel der Überarbeitung der Farben.

1. Reihe:  Hausfarben, 2. Reihe: barrierefreiere Farben

Für das Redesign galt es den Entwurf der Website auf Barrierefreiheit zu untersuchen und in einigen Bereichen barriereärmer umzusetzen. So wird sie insgesamt nurtzerfreundlicher, erfüllt jedoch die nicht offiziellen Kriterien für Barrierefreiheit.

Farben:
Die definierten Hausfarben grün und blau stellten uns vor einer besonderen Herausforderung, da sie nicht die WCAG Kriterien erfüllen (AA).

Die Farbpalette wurde umd abgedunkelte Töne erweitert.

 

Schriften: Kleine Schriftgrößen unter 16px und kleinste dekorative Icons wurden überarbeitet, um eine barriereärmere Experience zu schaffen.



Responsives Verhalten

Responsives Verhalten Navigation

Responsives Verhalten Teaser



Website Redesign

Die Website wurde grundlegend überarbeitet, aktualisiert und in ein neues CMS übertragen.
Sie bietet neben redaktionellem Inhalt, der über Petitionen und Aktionen der Stiftung berichtet auch allgemeine Informationen über Tierhaltung.

Der Aufbau der Start- und Unterseiten wurde überholt und mit neuen Designelementen stärker strukturiert, um eine bessere Experience zu schaffen.

Website vor Redesign

Website nach Redesign