Una web para acompañar una misión social
El desarrollo de la nueva página web de Fundación Madrina no fue únicamente un proyecto técnico, sino un esfuerzo por poner la tecnología al servicio de una causa social. La fundación trabaja incansablemente apoyando a madres, familias y colectivos en situación de vulnerabilidad. Para acompañar esa misión, necesitaba una plataforma digital que no solo informara, sino que también transmitiera confianza, cercanía y profesionalidad.
Construyendo la base: AWS Lightsail como infraestructura
El primer paso fue garantizar que la plataforma contara con una base sólida. Para ello, recurrí a AWS Lightsail, un servicio que permitió desplegar un servidor seguro, escalable y adaptado a las necesidades de la fundación. Gracias a esta infraestructura en la nube, la web no solo asegura disponibilidad constante, sino también la protección de los datos de usuarias, voluntarios y donantes, un aspecto crucial para una organización cuya labor depende en gran medida de la confianza.
WordPress como aliado para la gestión de contenidos
Sobre esa base, la elección natural fue WordPress, por su facilidad de gestión y su capacidad para crecer junto al proyecto. Sin embargo, más allá de instalar un CMS, el reto consistió en transformarlo en un espacio único que reflejara la identidad de la Fundación. Adapté un tema ligero y lo convertí en un entorno completamente personalizado mediante un tema hijo y el desarrollo a medida en CSS, PHP y JavaScript. Esto permitió dar forma a un diseño visual coherente con la identidad de la fundación, accesible desde cualquier dispositivo y con funcionalidades específicas que mejoran la interacción de los usuarios.
El reto de las donaciones en línea
Uno de los aspectos más importantes —y también más complejos— fue la integración del sistema de donaciones. La web debía ofrecer un proceso seguro, transparente y, sobre todo, automatizado, para que cada aportación llegara de forma directa al área de gestión de la fundación. La dificultad estuvo en coordinar los pasarelas de pago con la base de datos y el panel de administración de WordPress, de forma que el equipo de donantes pudiera recibir notificaciones inmediatas y disponer de un sistema que redujera al mínimo la gestión manual.
Gracias a estas integraciones, se logró optimizar la eficacia del departamento de donantes, permitiendo que dedicaran más tiempo a lo verdaderamente importante: acompañar y atender a las familias beneficiarias, en lugar de invertirlo en tareas administrativas.
Accesibilidad como principio
Otro pilar del proyecto fue la accesibilidad web. No bastaba con crear un diseño atractivo, también debía ser inclusivo. Se aplicaron buenas prácticas para mejorar la lectura con contrastes adecuados, tipografías claras y navegación sencilla. Además, la estructura del contenido se adaptó para facilitar el acceso desde lectores de pantalla y dispositivos móviles, asegurando que cualquier persona, sin importar sus capacidades, pudiera navegar y encontrar la información que necesitara.
El papel del código a medida
El desarrollo personalizado fue clave para unir todos estos elementos. Con CSS se trabajó el diseño responsive, con PHP se desarrollaron funciones que conectaron formularios, pasarelas de pago y base de datos, y con JavaScript se añadió dinamismo, validaciones en tiempo real y mejoras en la interacción del usuario. Todo ello convirtió la web en una herramienta funcional, moderna y orientada a la misión de la fundación.
Beneficios directos para la Fundación
El desarrollo personalizado fue clave para unir todos estos elementos. Con CSS se trabajó el diseño responsive, con PHP se desarrollaron funciones que conectaron formularios, pasarelas de pago y base de datos, y con JavaScript se añadió dinamismo, validaciones en tiempo real y mejoras en la interacción del usuario. Todo ello convirtió la web en una herramienta funcional, moderna y orientada a la misión de la fundación.
Conclusión: tecnología con propósito
Este proyecto supuso unir dos mundos: la infraestructura tecnológica en la nube y el compromiso social. La nueva página no fue solo un escaparate digital, sino una herramienta estratégica para que Fundación Madrina pudiera acercarse más a quienes necesitan apoyo y a quienes desean contribuir. Una muestra de cómo la tecnología, cuando se orienta hacia un propósito humano, puede convertirse en un aliado directo de la solidaridad.
Visita la página
Si quieres ver el resultado, puedes visitar la web de Fundación Madrina aquí: Fundación Madrina
P.D. Desde su lanzamiento, la página ha seguido evolucionando y ha sufrido algunos cambios. Sin embargo, la base inicial y el enfoque tecnológico que desarrollé siguen siendo el pilar sobre el que se apoya su actual presencia digital.