Northeastern University

Desafío

Redwerk colaboró con el Departamento de Marketing de la Universidad Northeastern. Buscaban a alguien con una sólida trayectoria en la creación, personalización y rediseño de soluciones WordPress que les ayudara a simplificar la publicación de contenidos y el mantenimiento de sitios web.

También necesitaban un proveedor de servicios de TI que pudiera satisfacer sus necesidades de pruebas de software para varios sitios del campus, de modo que no tuvieran que buscar otro proveedor de TI.

El Departamento de Marketing de la Universidad Northeastern desarrolló un recurso dedicado al gobierno de la marca, construido inicialmente con el framework Divi. Éste resultó ser bastante engorroso e introdujo complejidades innecesarias. Por eso decidieron reconstruir el sitio utilizando un tema de WordPress personalizado desarrollado internamente.

Repasemos brevemente los requisitos de nuestro cliente:

• Tema personalizado. Nos pidieron recrear el antiguo sitio de gobierno de la marca con su tema personalizado utilizando el editor de bloques Gutenberg. También necesitábamos introducir cambios en el menú principal, estilos de enlaces, estilos de botones, estilos de tarjetas y animaciones.
• Uso mínimo de CSS y JS adicionales. Se esperaba que implementáramos las versiones de escritorio y móvil del sitio web utilizando opciones y clases de estilo incorporadas. El código CSS y JS personalizado debía reducirse al mínimo.
• Pruebas de software. El equipo de Redwerk que trabajaba en este proyecto incluía un ingeniero de control de calidad dedicado a probar el portal del centro de la marca y otro responsable de probar los sitios de los campus de Arlington, Mills, Oakland y Charlotte. Teníamos que comprobar que los sitios se ajustaban a las maquetas y realizar pruebas entre navegadores y plataformas.

Por último, nuestro cliente esperaba una entrega puntual según su calendario de desarrollo y revisión.

Solución

Empezamos por crear cada página utilizando el editor de bloques para identificar patrones en los diseños y el marcado. Una vez listos, aplicamos estilo a los bloques con CSS para que coincidieran con el diseño del sitio original. Un par de funcionalidades, como el cambio de color, requirieron JS personalizado.

A continuación, procedimos a desarrollar diseños adaptables e incorporar animaciones. El equipo de desarrollo de la Northeastern University revisó cuidadosamente cada paso para que pudiéramos aplicar correcciones y otros ajustes de inmediato.

Por nuestra parte, probamos el sitio web cuando estuvo totalmente terminado en Microsoft Edge, Mozilla, Safari y Chrome. Las versiones para móviles y tabletas se probaron en Safari y Chrome. Nos aseguramos de que la implementación del diseño coincidiera plenamente con las maquetas; no había enlaces rotos, imágenes cortadas o demasiado comprimidas en móviles, incoherencias de diseño y otros defectos funcionales y de interfaz de usuario.

En cuanto a las pruebas de los campus de Arlington, Mills, Oakland y Charlotte, el objetivo era el mismo. Tras un examen minucioso, sólo encontramos problemas menores como redireccionamientos erróneos, alineación incorrecta de bloques en pantallas móviles más pequeñas, orden incorrecto de secciones de contenido, etc.

En total, en menos de dos meses, creamos 30 páginas, incluida una página generadora de firmas de correo electrónico. Además, dedicamos más tiempo al proceso de revisión por parte del cliente, a la corrección de errores y a los últimos retoques.