Design-System

92Y – offiziell die 92nd Street Young Men’s and Young Women’s Hebrew Association – ist eine Kulturinstitution von Weltrang mit einem schier unüberschaubaren Angebot an Programmen und Leistungen, das jährlich Hunderttausende Menschen erreicht.

Vielen New Yorker:innen ist der volle Umfang dieser Institution gar nicht bewusst. Die meisten kennen sie als führendes Haus für darstellende Künste mit einer renommierten Reihe von Gesprächen und Literaturlesungen. Für andere ist sie ein religiöses Gemeindezentrum, ein Ort der Begegnung an den Hohen Feiertagen. Menschen jeden Alters nutzen die Kurse in Fächern von Schmuckherstellung über Tanz bis zur beruflichen Weiterbildung. Dazu kommen eine Vorschule, ein Seniorenzentrum, ein Fitnessstudio, Bildungsprogramme für New Yorks öffentliche Schulen, verschiedene Sommercamps für Kinder – und sogar ein Schwimmteam. Manche nennen 92Y buchstäblich ihr Zuhause: Die Institution bietet Studierenden und Praktikant:innen sicheres, bezahlbares Wohnen.

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

Partnerschaft mit dem hauseigenen Team

Da 92Y über ein starkes internes Webteam verfügt und seit Jahren konsequent in seine bestehende Kentico-Codebasis investiert, wurde dieses Projekt zu einer echten Zusammenarbeit auf Augenhöhe.

Made brachte Expertise in Informationsarchitektur, User Experience, Responsive Design und Tessitura-integrierten AngularJS-Widgets ein, während sich 92Ys hauseigene Entwickler:innen auf die Implementierung dieser Arbeit in ihrem CMS konzentrierten. Beide Teams arbeiteten nach einem gemeinsamen Plan und agierten als eine Einheit. Diese Struktur ermöglichte es Made, genau das einzubringen, was 92Y brauchte – ohne Doppelstrukturen bei Know-how oder Aufwand.

Ein responsives Redesign und eine Pattern-Bibliothek

Zuerst stand das responsive Redesign der Website – mit sorgfältiger Arbeit an der Informationsarchitektur und der Navigation, damit Nutzer:innen schnell und intuitiv dorthin finden, was sie sucht.

Mades Designer:innen haben viele zentrale Seiten direkt gestaltet. Für eine Institution in der Größe von 92Y brauchten wir aber auch einen Weg, neue markenkonforme Seiten rasch aufbauen zu können. Dafür haben wir eine umfassende Bibliothek wiederverwendbarer Komponenten geliefert – Bausteine für beliebig viele neue Webdesigns.

Eine dynamische Veranstaltungs- und Kurssuche

Die schiere Menge an Veranstaltungen und Kursen bei 92Y machte eine bessere Filterfunktion unausweichlich. Made hat auf der bestehenden Tessitura-integrierten Veranstaltungssuche aufgebaut, ihre Filtermöglichkeiten erweitert, das Design verfeinert und die Performance verbessert.

Wenn Nutzer:innen die Filter bedienen, aktualisiert sich die URL in Echtzeit – so können sie jederzeit genau zu der gefilterten Ansicht zurückkehren, die sie verlassen haben. Kombiniert mit einer Funktion, die es 92Y ermöglicht, kuratierte Inhalte an den Anfang bestimmter gefilterter Ansichten zu setzen, lassen sich so auch im Handumdrehen Landingpages für bestimmte Veranstaltungs- und Kursgruppen erstellen.