HOFOR

El Objetivo

Este proyecto implicó una renovación completa del diseño, la cual debía cumplir con los estándares de accesibilidad WCAG, ya que HOFOR es una institución pública. Con el objetivo de mejorar tanto la funcionalidad como la experiencia del usuario, se incluyeron los siguientes objetivos clave:

1. Renovación del Diseño: Implementar un diseño moderno y fácil de usar, proporcionado por el cliente.
2. Cumplimiento con WCAG: Asegurar que el sitio web cumpla con las Directrices de Accesibilidad para el Contenido Web (WCAG) y así atender las necesidades todos los usuarios, incluyendo aquellos con discapacidades.
3. Migración de Contenido: Transferir el contenido existente del antiguo sitio en WordPress al nuevo editor Gutenberg.
4. Desarrollo de Módulos Personalizados: Crear módulos específicos dentro del tema proporcionado, utilizando Muffin Builder (page builder) para mejorar la funcionalidad y la interacción.
5. Integración de API: Mostrar estadísticas de consumo en tiempo real de los clientes en el sitio web.

La Propuesta

Integramos el diseño personalizado proporcionado por HOFOR en el tema existente de WordPress, desarrollando módulos dentro de Muffin Page Builder. Reconociendo la importancia de la accesibilidad para una institución pública, priorizamos el cumplimiento de las normas WCAG implementando características como alternativas de texto, accesibilidad mediante teclado, contraste de color adecuado y compatibilidad con lectores de pantalla.

Aspectos Técnicos

Para cumplir con los requisitos funcionales específicos de HOFOR, nos centramos en encontrar las soluciones más óptimas y eficientes. Nuestro enfoque técnico incluyó:

• Crear PHP, CSS y JavaScript personalizados para cumplir con las especificaciones de diseño proporcionadas dentro del tema hijo (child theme).
• Extraer contenido del sistema heredado y desarrollar un script en Python que facilita la migración masiva al nuevo editor Gutenberg, asegurando la integridad de los datos (más de 1.000 publicaciones y 10.000 imágenes).
• Implementar un mecanismo de autenticación robusto para acceder de manera segura a la API.
• Desarrollar un middleware personalizado para gestionar las solicitudes y respuestas de la API de manera eficiente.

Resultados

El proyecto resultó en un sitio web contemporáneo, accesible y fácil de usar, que no solo modernizó la presencia digital de HOFOR, sino que también mejoró significativamente su capacidad para servir y conectarse con su comunidad, alineándose con su misión de gestión de servicios públicos sostenible y eficiente.

Ver el sitio web

**Aviso legal**: Este proyecto es propiedad de la agencia digital Twentyfour. Yo, Alberto Dorta, ejercí como responsable de desarrollo.