Banner zum 30. Selbsthilfe-Tag in Suhl 2020 (Gestaltung: Designakut 2020)

Banner 30. Selbsthilfetag Suhl 2020

Im Suhler Steinweg werden zur Bekanntmachung städtischer Veranstaltungen oft große Banner (8 x 1,8 m) aufgehängt. Diese hängen ca. 6 m hoch und müssen auf die Ferne erfasst werden können.

Für den 30. Selbsthilfetag in Suhl 2020 hab ich ein solches Banner gestaltet. Die Inhalte waren vorgegeben, Layout und Farbgestaltung waren frei unter der Maßgabe, dass das grüne Logo und eine bestimmte beige Hintergrundfarbe zur Wiederkennung (Selbsthilfebroschüren) verwendet werden. Im Kontext mit der neu gestalteten Website des Sozialen Zentrums Suhl (als Veranstalter des Selbsthilfetages) wollte ich aber auch ein „frischeres“ Farbklima mit Hellgrün-Hellblau realisieren. Um das auflockernd und augenfällig zu zeigen, wurde sinnbildlich ein hellgrüner „neuer Anstrich“ über den beigen Hintergrund gelegt, der auch für mehr Lebendigkeit und Aufmerksamkeit sorgen soll. Das Selbsthilfelogo sollte so groß wie möglich präsent sein, um das Thema klar zu machen. Die zentrale Anordnung rückt es sinnfällig in den Mittelpunkt. Die Veranstaltungsdaten sollten zwar gut lesbar sein, aber nicht so im Vordergrund stehen. Deshalb sind sie auf eine rein informative nüchterne Kopfzeile reduziert. Zwei Haupt-Textblöcke flankieren das Logo und unterstreichen dessen Mittelposition. Zur Strukturierung der Haupttexte hab ich die neue Farbigkeit Blau-Grün genutzt: der Textblock mit relativ viel Inhalt sollte so strukturiert werden, dass er trotzdem kompakt und schnell erfassbar bleibt. Die Farbtrennung hilft, das doppelte „30 Jahre…“ zu vermeiden und trotzdem doppelt zugehörig erkennbar zu machen. Schrägstellung der Hauptinhalte sorgt für mehr Aufmerksamkeit. Eine Infozeile unten bildet das Gegengewicht zur Kopfzeile und gibt dem Banner einen Rahmen.

Website Soziales Zentrum Suhl: Startseite (Web Design: Designakut 2019)

Website Soziales Zentrum Suhl 2019

Redesign einer vorhandenen Website: die bisherige Website auf Basis Joomla wurde durch eine moderne WordPress-Installation ersetzt. WordPress ist hinsichtlich Setup, Systempflege, funktionellen und gestalterischen Möglichkeiten sowie redaktioneller Bearbeitung deutlich vorteilhafter. Mein bevorzugtes Theme GeneratePress bietet dazu bei schlankem Code vielfältigste intuitive Konfigurationsmöglichkeiten.

Gestaltungsgrundlage war ein strigenter, einfach erfassbarer vertikaler Aufbau der Website-Inhaltsbereiche: Seitenkopf, Menü, Seiteninhalt, Fußzeile. Irritierende Seitenleisten (wie bei der früheren Joomla-Installation) wurden nicht verwendet, um die Erfassbarkeit der Seiteninformation zu verbessern. Große Bilder/Slider sollen Aufmerksamkeit wecken und Inhalte vermitteln. Auf der Startseite wird z.B. der Weg zum Sozialen Zentrum Suhl im CCS mit einer Bildstrecke illustriert, die Räume und Ausstattung werden vorgestellt. Die Verwendung von Sections ermöglicht es, Inhaltsbereiche gestalterisch/farblich voneinander abzusetzen, um mit interessanterer Gestaltung eine bessere inhaltliche Strukturierung zu erreichen. Man kann dadurch Inhaltsbereiche trennen, herausheben und wichten.

Ein wichtiger Gestaltungsaspekt war eine neue, frische, aktive Farbgebung, die freundlich und optimistisch ist: frühlingsgrün + himmelblau statt beige + moosgrün. Damit soll auch in der Farbigkeit Lebensbejahung, Aktivität, Miteinander und Hilfe vermittelt werden.

Barrierefreiheit

2023 wurde zur besseren Wahrnehmbarkeit der Website-Inhalte durch Nutzer mit Wahrnehmungseinschränkungen ein Barrierefreiheits-Plugin installiert: One Click Accessibility. Es ist einfach zu konfigurieren und bietet Möglichkeiten der Barrierefreiheits-Anpassungen. Über ein automatisch installiertes Toggle-Menü können durch den Nutzer eingestellt werden: größere Schrift, Graustufenskala-Umwandlung aller Inhalte, hoher Text-Hintergrund-Kontrast, negativer Text-Hintergrund-Kontrast, Schwarze Schrift auf weißem Hintergrund, Unterstreichung von Links und leichter lesbare Schrift (serifenlose Standardschriften Verdana, Helvetica oder Arial) sowie ein Zurücksetzen aller Einstellungen. Ein Versuch, die gesamte Website von vornherein an die Bedingungen der Barrierefreiheit anzupassen, wurde wegen der daraus resultierenden ungenügenden Designqualität verworfen.