CASO DE ESTUDIO
Cómo 40Q adaptó el framework de UI de Northeastern University a un tema de WordPress basado en bloques, para que los equipos de comunicación lancen campañas consistentes con la marca en minutos.
Northeastern tiene más de 15.000 estudiantes entre su campus de Boston y sus sedes satélite en Estados Unidos. Su operación digital no acompañaba ese tamaño.
No eran solo problemas de ingeniería. Limitaban la capacidad de Northeastern de llegar a tiempo a los estudiantes prospectos, sostener una sola voz de marca en toda la universidad y permitir que un equipo interno chico operara a la escala de una institución de 15.000 estudiantes.
40Q adaptó el propio framework de UI de Northeastern a WordPress y después trabajó como una extensión del equipo interno para ponerlo en funcionamiento en los sitios de la Facultad.
kernl, el framework de UI de Northeastern, era el resultado de años de trabajo interno e incluía capas de accesibilidad, gestión de plugins y búsqueda. Lo adaptamos a un tema de WordPress sin perder ninguna de ellas.
Construimos un tema basado en bloques y componentes sobre Advanced Custom Fields y templating con Blade, para que los stakeholders armen páginas con componentes gobernados en lugar de abrir tickets a ingeniería.
Construimos sobre Sage 10, del proyecto Roots, uno de los proyectos open source en PHP más populares, que usamos y apoyamos desde 2014. Tailwind y AlpineJS resuelven el frontend.
Con el sistema en funcionamiento, los responsables de comunicación levantan ellos mismos los sitios de campaña para nuevos programas y eventos, y todos salen siguiendo el sistema de marca de Northeastern.
Los nuevos sitios se movieron a un único proveedor de hosting, reemplazando soluciones dispersas con menores costos y soporte centralizado.
Un sistema de diseño, un stack y un proveedor, que le dan a un equipo interno chico el alcance de uno mucho más grande.
Después de implementar el tema, el tiempo para publicar nuevos sitios y campañas bajó. Los componentes reutilizables reemplazaron los desarrollos a medida.
Los stakeholders de Northeastern gestionan su propio contenido con un toolset flexible y atómico, sin depender de ingeniería para cambios de rutina.
Una biblioteca de componentes y un lenguaje de diseño compartidos hacen que cada pieza digital se vea y se sienta como Northeastern Law.
La capa de accesibilidad de kernl pasó al tema de WordPress, así que el cumplimiento es una propiedad de los componentes y no un checklist por proyecto.
El rendimiento de los sitios mejoró, lo que impulsó el posicionamiento SEO y trajo más conversiones de prospectos.
Consolidar en un solo stack de WordPress y un solo proveedor de hosting redujo los costos de mantenimiento y centralizó el soporte.
“Con 40Q pude encontrar un partner talentoso para resolver desafíos de código complejos, que además proponía de forma proactiva nuevas soluciones para hacer de mi proyecto de agencia una gran experiencia.”
Director of Digital Strategy, Northeastern University School of Law
Northeastern Law hoy opera con un solo sistema de diseño, un stack y un proveedor de hosting. Hablemos de cómo se vería eso en tu campus.
