Armonía Familiar I.A.P.

Reingeniería y modernización de la plataforma web institucional de Armonía Familiar I.A.P., una Institución de Asistencia Privada dedicada al apoyo de familias vulnerables.

Contexto

Este proyecto fue desarrollado en el marco de mi Servicio Social Profesionalizante (480 horas, octubre 2025 – mayo 2026) para Armonía Familiar I.A.P., bajo la coordinación de Manuel Moctezuma, Asistente de Procuración de Fondos. El sitio anterior presentaba un rendimiento deficiente (~60% en auditorías) y carecía de un diseño responsive adecuado, lo que afectaba directamente la captación de donativos y la difusión de sus programas de apoyo.

Stack Tecnológico

• Astro: arquitectura orientada a generación estática con entrega mínima de JavaScript al cliente.
• React: implementado únicamente en componentes dinámicos (islands architecture) para mantener tiempos de carga ultrarrápidos.
• Tailwind CSS: maquetación bajo metodología Mobile-First estricta.
• Vercel: hosting y despliegue mediante pipelines de CI/CD.
• Cloudflare: gestión de DNS, certificados SSL y reglas de protección perimetral (WAF).

Entregables

1. Reingeniería de interfaz Mobile-First: rediseño completo con maquetación fluida para smartphones, tablets y escritorio.
2. Módulo de donativos y servicios: secciones clave para facilitar la captación de fondos y la consulta de servicios asistenciales.
3. Catálogo de programas y transparencia: páginas informativas de programas institucionales y Aviso de Privacidad.
4. Formulario de contacto seguro: validación de datos y protección antispam.
5. Optimización de assets: compresión agresiva de imágenes y recursos multimedia para reducir el payload inicial.

Resultados

Mediante auditoría con Google Lighthouse, el sitio pasó de un rendimiento de ~60% a niveles de excelencia técnica, alcanzando hasta 99% de eficiencia en métricas móviles, con calificaciones sobresalientes en Rendimiento, Accesibilidad, Mejores Prácticas y SEO. Esto eliminó los cuellos de botella técnicos que afectaban tanto a usuarios que buscan asistencia como a potenciales donantes.

Estado del Proyecto

El sitio está en producción, con la infraestructura Mobile-First y los módulos de donativos y contacto operativos.