Système de design

92Y — officiellement la 92nd Street Young Men’s and Young Women’s Hebrew Association — est une institution culturelle de premier plan dont l’offre de programmes et de services est proprement vertigineuse, touchant collectivement des centaines de milliers de personnes chaque année.

Beaucoup de New-Yorkais n’ont pas conscience de l’étendue réelle de l’institution. La plupart la connaissent comme un grand centre de spectacle vivant, avec une série réputée de conversations et de lectures littéraires. Pour d’autres, c’est un centre communautaire juif, un lieu de rassemblement pour les grandes fêtes religieuses. Des personnes de tous âges y suivent des cours allant de la bijouterie à la danse en passant par le développement professionnel. Il y a aussi une crèche, un centre pour seniors, un club de fitness, des programmes pédagogiques dans les écoles publiques de New York, tout un éventail de colonies de vacances pour les enfants, et même une équipe de natation. Et certains y habitent littéralement : 92Y propose un hébergement sûr et abordable pour étudiants et stagiaires.

N’importe lequel de ces programmes pourrait constituer à lui seul la mission entière d’une autre organisation, avec un site web dédié. Mais il n’y a qu’un seul 92Y, et qu’un seul 92y.org. Le site doit être beaucoup de choses pour beaucoup de gens — tout comme l’institution elle-même.

Travailler main dans la main avec l’équipe interne

L’équipe web interne de 92Y étant solide, et leur investissement dans leur base de code Kentico existante bien établi, ce projet s’est naturellement transformé en collaboration étroite entre nos deux équipes.

Made a apporté son expertise en architecture de l’information, expérience utilisateur, design responsive et widgets AngularJS intégrés à Tessitura, tandis que les développeurs internes de 92Y se concentraient sur l’implémentation dans leur CMS. Les deux équipes ont travaillé selon un plan commun, comme une seule unité. Cette organisation a permis à Made d’apporter l’expertise dont 92Y avait besoin, sans dupliquer les compétences ni les efforts.

Un redesign responsive et une bibliothèque de composants

Notre premier chantier : livrer un redesign responsive du site, avec un travail soigné d’architecture de l’information et de conception de la navigation, pour que les utilisateurs trouvent rapidement et intuitivement les sections qui les intéressent.

Les designers de Made ont directement conçu de nombreuses pages clés — mais pour une institution de la taille de 92Y, il fallait aussi pouvoir construire rapidement de nouvelles pages dans la charte graphique. Pour cela, nous avons livré une bibliothèque complète de composants réutilisables, utilisables comme briques de base pour toute nouvelle création web.

Un moteur de recherche dynamique pour événements et cours

Le volume considérable d’événements et de cours proposés par 92Y rendait indispensable un meilleur outil de filtrage. Made a développé à partir des fonctionnalités existantes de recherche d’événements intégrées à Tessitura, en étendant les options de filtrage, en affinant le design et en améliorant les performances.

À mesure que les utilisateurs interagissent avec ces filtres, l’URL se met à jour en temps réel — ce qui leur permet de retrouver exactement la vue filtrée qu’ils consultaient. Combiné à une fonctionnalité permettant à 92Y d’intégrer du contenu éditorialisé en tête de certaines listes filtrées, cela permet aussi à l’équipe de créer rapidement des pages d’atterrissage mettant en avant des groupements particuliers d’événements et de cours.