Ein Design-System für New Yorks vielseitigste Kulturinstitution

92Y – offiziell die 92nd Street Young Men’s and Young Women’s Hebrew Association – ist eine weltklasse Kulturinstitution mit einem schier unüberschaubaren Angebot an Programmen und Dienstleistungen, die zusammen jedes Jahr Hunderttausende von Menschen erreichen.

Die meisten New Yorker:innen kennen nur einen Bruchteil davon. Viele wissen: 92Y ist ein führendes Veranstaltungszentrum für darstellende Künste, bekannt für seine renommierten Gesprächsreihen und Literaturlesungen. Für andere ist es ein jüdisches Gemeindezentrum, ein Ort für die Hohen Feiertage. Menschen aller Altersgruppen nutzen das Kursangebot – von Schmuckdesign über Tanz bis zur Karriereentwicklung. Dazu kommen ein Kindergarten, ein Seniorenzentrum, ein Fitnesscenter, Bildungsprogramme für New Yorks öffentliche Schulen, Sommercamps für Kinder – und sogar ein Schwimmteam. Manche nennen 92Y buchstäblich ihr Zuhause: Die Institution bietet Studierenden und Praktikant:innen sicheres und erschwingliches Wohnen.

Jedes einzelne dieser Programme könnte die vollständige Mission einer anderen Organisation sein – mit einer eigenen Website dazu. Aber es gibt nur ein 92Y, und nur eine 92y.org. Die Website muss für viele Menschen vieles sein, genau wie die Institution selbst.

Partnerschaft mit dem hausinternen Team

Das hausinterne Webteam von 92Y ist stark – und ihre langjährige Investition in die bestehende Kentico-Codebasis war nicht zu ignorieren. Das Projekt wurde daher zur echten Zusammenarbeit zwischen unseren beiden Teams.

Made brachte Expertise in Informationsarchitektur, User Experience, Responsive Design und Tessitura-integrierten AngularJS-Widgets mit, während sich die hausinternen Entwickler:innen von 92Y auf die Implementierung in ihrem CMS konzentrierten. Beide Teams arbeiteten nach einem gemeinsamen Plan und agierten als eine Einheit. So konnte Made genau das liefern, was 92Y brauchte – ohne Doppelarbeit oder überschneidende Zuständigkeiten.

Ein responsives Redesign und eine Pattern Library

Zunächst stand das responsive Redesign der Website im Vordergrund – inklusive sorgfältiger Arbeit an der Informationsarchitektur und Navigation, damit Nutzer:innen schnell und intuitiv zu den Bereichen finden, die sie interessieren.

Mades Designer:innen haben viele zentrale Seiten direkt gestaltet. Für eine Institution der Größe von 92Y brauchten wir aber auch einen Weg, schnell neue markenkonforme Seiten zu erstellen. Dazu haben wir eine umfassende Bibliothek wiederverwendbarer Komponenten entwickelt, die als Bausteine für beliebig viele neue Webdesigns dienen können.

Eine dynamische Veranstaltungs- und Kurssuche

Die schiere Menge an Veranstaltungen und Kursen bei 92Y machte eine bessere Filterlösung notwendig. Made baute auf der bestehenden Tessitura-integrierten Veranstaltungssuche auf – erweiterte die Filterfunktionen, verfeinerte das Design und verbesserte die Performance.

Beim Setzen von Filtern aktualisiert sich die URL in Echtzeit. So können Nutzer:innen jederzeit exakt zu der gefilterten Ansicht zurückkehren, die sie zuletzt gesehen haben. Kombiniert mit einer Funktion, die es 92Y ermöglicht, kuratierten Content an den Anfang bestimmter gefilterter Listen zu stellen, kann das Team damit auch schnell Landingpages für bestimmte Veranstaltungs- und Kursgruppen erstellen.