Sistema de diseño

92Y —oficialmente la 92nd Street Young Men’s and Young Women’s Hebrew Association— es una institución cultural de primer nivel con una oferta de programas y servicios absolutamente descomunal, que en conjunto atiende a cientos de miles de personas cada año.

Muchos neoyorquinos no conocen el alcance real de la institución. La mayoría la conoce como un referente de las artes escénicas, con una celebrada serie de conversaciones y lecturas literarias. Para otros es un centro comunitario judío, un lugar al que acudir en las festividades más importantes. Personas de todas las edades aprovechan sus cursos en materias que van desde joyería hasta danza o desarrollo profesional. Hay además una escuela infantil, un centro para mayores, un club de fitness, programas educativos para las escuelas públicas de Nueva York, una amplia oferta de campamentos de verano para niños, e incluso un equipo de natación. Y algunos, literalmente, viven allí: 92Y ofrece alojamiento seguro y asequible para estudiantes y becarios.

Cualquiera de estos programas podría ser la misión completa de otra organización, con un sitio web entero dedicado a ella. Pero solo hay un 92Y, y solo un 92y.org. La web tiene que ser muchas cosas para mucha gente, igual que la propia institución.

Trabajando codo con codo con el equipo interno

Gracias a la solidez del equipo web interno de 92Y y su larga trayectoria con su base de código Kentico, el proyecto se convirtió en una colaboración estrecha entre ambos equipos.

Made aportó experiencia en arquitectura de la información, experiencia de usuario, diseño responsivo y widgets de AngularJS integrados con Tessitura, mientras que los desarrolladores internos de 92Y se centraron en implementar ese trabajo en su CMS. Los dos equipos trabajaron con un plan unificado y funcionaron como una sola unidad. Esta estructura permitió que Made aportara justo lo que 92Y necesitaba, sin duplicar capacidades ni esfuerzo.

Un rediseño responsivo y una biblioteca de patrones

Lo primero fue entregar un rediseño responsivo del sitio, con un trabajo cuidadoso de arquitectura de la información y diseño de navegación para que los usuarios pudieran encontrar lo que buscaban de forma rápida e intuitiva.

Los diseñadores de Made se encargaron directamente de muchas páginas clave, pero para una institución del tamaño de 92Y también hacía falta una forma de construir nuevas páginas con identidad de marca de manera ágil. Para eso entregamos una biblioteca completa de componentes reutilizables que sirven de bloques de construcción para cualquier nuevo diseño web.

Un buscador dinámico de eventos y cursos

El volumen de eventos y cursos en 92Y exigía una forma mejor de filtrar y encontrar lo que a cada usuario le interesa. Made partió de la funcionalidad existente de buscador de eventos integrada con Tessitura, ampliando sus opciones de filtrado, refinando el diseño y mejorando su rendimiento.

A medida que los usuarios interactúan con los filtros, la URL se actualiza en tiempo real, lo que les permite volver exactamente a la vista filtrada que estaban viendo. Combinado con una funcionalidad que permite a 92Y incluir contenido seleccionado al principio de los listados para ciertas vistas filtradas, esto también le da al equipo una forma rápida de crear páginas de aterrizaje con agrupaciones concretas de eventos y cursos.