StartProjekte › ClubDesk

Brand Design & Barrierefreiheit · Basel

Relaunch des Brand-Designs der Vereinssoftware ClubDesk

Ein einheitlicher Markenauftritt — barrierefrei gedacht, kontraststark umgesetzt, damit ihn wirklich alle nutzen können.

Barrierefreie Website
Leistungen
  • Brand Design
  • Icon-Design
  • Barrierefreiheit (WCAG 2.1 AA / BFSG)
  • Technische SEO
  • Content & Fotofilm
ClubDesk Logo
01Die Zusammenarbeit

Agil, transparent, auf Augenhöhe.

Das Besondere an diesem Projekt war die enge Zusammenarbeit mit dem Kunden.

Aufgaben wurden in wöchentlichen, manchmal sogar täglichen gemeinsamen Jour fixe abgestimmt. Wer welche Arbeiten übernahm, entschieden Verfügbarkeiten und Skills. Das Ergebnis dieser Zusammenarbeit kann sich wirklich sehen lassen.

02Brand Design

Kontrast als Gestaltungsprinzip.

Wir haben das Markendesign von ClubDesk neu gestaltet, damit es barrierefrei ist: mit kontrastreichen Farben und klaren, lesefreundlichen Schriftarten, die den erforderlichen Standards entsprechen. Dieses Redesign schafft die Grundlage für ein inklusives Web-Erlebnis — von der alten Farbwelt über die neue bis zur barrierefreien Version.

ClubDesk-Farbsystem im Vergleich: alte Farbwelt, neue Farbwelt und barrierefreie Version mit HEX-Werten
03ClubDesk.ch wird barrierefrei

Vorher — Nachher.

Wir haben die Website von ClubDesk mit Hilfe von Eye-Able barrierefrei umgestaltet. So brachten wir sie in Übereinstimmung mit WCAG 2.1 Level AA und BFSG: höherer Kontrast, für Screenreader zugänglicher Text und eine vereinfachte Navigation für alle Nutzer.

Vorher-Nachher: Blog-Kachel „Verein gründen“ vor und nach der barrierefreien Umgestaltung
Vorher-Nachher: News-Modul vor und nach der barrierefreien Umgestaltung

Der Anspruch

Ein Web, das wirklich alle nutzen können.

Barrierefreiheit ist keine Zusatzfunktion, sondern Haltung: höherer Kontrast, klare Schrift, saubere Struktur — damit niemand ausgeschlossen wird.

04Icons

Alte Symbole, neu geschärft.

Auch bei den Icons stand eine Sanierung an: Das in die Jahre gekommene minimalistische Design haben wir in den neuen Farben und mit neuer Gestaltung aufgewertet — konsistent, klar erkennbar, barrierefrei.

Neu gestaltete ClubDesk-Icons (Animation)
05Content & Fotofilm

Der Nutzer im Mittelpunkt.

Der Nutzer und seine Bedürfnisse stehen bei ClubDesk im Mittelpunkt — und damit auch auf der Website. Gemeinsam mit reeweb strukturierten und platzierten wir Inhalte ganz im Sinne der Zielgruppen. Texte und Grafiken sind klar gegliedert und führen durch die Themen. Eigens erstellte Imagebilder unterstützen die Informationsaufnahme und verdeutlichen den Nutzen von ClubDesk auf den ersten Blick.

06Technische SEO

Suchbar, sichtbar, auffindbar.

Auffindbarkeit ist das A und O — bei Google, Bing & Co. Sie basiert auf inhaltlicher Relevanz und moderner Technik. Weil sich Suchintentionen und Technik laufend ändern, arbeiten wir in Schleifen: umsetzen, analysieren, optimieren — und wieder von vorn. So bleibt die Seite technisch aktuell und dauerhaft sichtbar.

Illustration: Menschen mit Sprechblasen zu Lesen, Musik und Sport — die Zielgruppen von ClubDesk
BaselStandort
VereinssoftwareProdukt
WCAG 2.1 AAStandard
BFSG-konformBarrierefreiheit
Unsere Leistungen
  • Brand Design
  • Icon-Design
  • Barrierefreiheit (WCAG 2.1 AA / BFSG)
  • Content & Fotofilm
  • Farbwelt & Kontrast-System
  • Technische SEO

Willst du so etwas auch?

Ob Marke, Website oder Barrierefreiheit — wir entwickeln Auftritte, die man sieht, versteht und die wirklich alle nutzen können. Erzähl uns von deinem Projekt.