Acción Contra el Hambre

¿Puede un sitio web inspirar al mundo para que actúe contra el hambre? Cuando Acción Contra el Hambre  buscó rediseñar su sitio web corporativo, la organización pretendía ampliar su impacto. Con presencia mundial en 56 países y más de 28 millones de beneficiarios, necesitaban una plataforma que, además de gestionar una presencia digital compleja y multilingüe, permitiera a los donantes, miembros y simpatizantes actuar de forma rápida y segura. La respuesta a este reto se encontró en Drupal.

Una nueva era para la presencia digital de Acción Contra el Hambre

Acción Contra el Hambre, organización humanitaria mundial fundada en 1979, se ha comprometido a erradicar el hambre abordando sus causas profundas: la malnutrición, el acceso al agua potable y la inseguridad alimentaria. En 2022, la organización ayudó a 28 millones de personas con la ayuda de más de 8.990 empleados en todo el mundo. Para atraer mejor a este público, recaudar donaciones y gestionar sus operaciones globales, la organización buscaba un nuevo sitio web corporativo que ofreciera no solo una experiencia de usuario mejorada, sino también una arquitectura, seguridad y escalabilidad del sitio mejoradas.

El proyecto de rediseño del sitio web requería una plataforma robusta que pudiera gestionar múltiples funcionalidades, desde la gestión de contenidos hasta la integración con sistemas externos como Salesforce y Google Analytics, además de ser segura, multilingüe y altamente personalizable.

Donaciones: Potenciando el apoyo mundial para acabar con el hambre

Para una organización como Acción Contra el Hambre, las donaciones son la savia que le permite llevar a cabo su misión humanitaria. La funcionalidad de donaciones se diseñó para simplificar el proceso para los donantes, maximizar el alcance de las campañas y proporcionar una experiencia segura y sin problemas a los donantes de todo el mundo. Aprovechando el potente ecosistema de Drupal, Acción Contra el Hambre pudo implantar un sistema de donaciones robusto y flexible, intuitivo, seguro y adaptable a las necesidades de los donantes.

1. Formularios de donación personalizables y fáciles de usar: Para garantizar un proceso de donación fluido, el sitio web de Acción Contra el Hambre incluye formularios de donación personalizados creados con las suites de Webform y Commerce de Drupal y diseñados con la suite Visual Layout. Estos formularios ofrecen una variedad de opciones de donación para atender a las diferentes preferencias de los usuarios, por ejemplo:
   1. Donaciones únicas y periódicas: Los donantes pueden elegir entre hacer una contribución única o establecer una donación periódica. Las donaciones periódicas son cruciales para proporcionar un apoyo sostenido a los esfuerzos a largo plazo de la organización. 
   2. Importes de donación flexibles: Los formularios de donación permiten a los usuarios seleccionar importes preestablecidos (por ejemplo, 60, 80, 120 euros) o introducir un importe personalizado, lo que les da un control total sobre su contribución.
2. Integración de pasarelas de pago seguras: El sistema de donaciones admite una amplia variedad de métodos de pago seguros, lo que garantiza que los donantes de todo el mundo puedan contribuir con facilidad. La integración de las pasarelas de pago se gestionó a través de la Suite de Commerce de Drupal, proporcionando transacciones seguras y flexibles.
   1. Métodos de pago: La plataforma integra opciones de pago de confianza a nivel mundial, como PayPal, tarjetas de crédito, Google Pay, Apple Pay y Bizum. Esta amplia selección garantiza la accesibilidad de los donantes en múltiples regiones, ofreciendo comodidad y seguridad.
   2. Cumplimiento de la normativa PCI: Todo el procesamiento de pagos se adhiere al cumplimiento de PCI DSS (Payment Card Industry Data Security Standard), garantizando que los datos y las transacciones de los donantes estén seguros y cumplan con los estándares internacionales de seguridad.
   3. Calculadora de deducciones fiscales: Una característica destacada es la calculadora de deducción fiscal, que ofrece a los donantes una estimación inmediata de cómo su contribución puede afectar a su declaración de impuestos. Esta transparencia fomenta el aumento de las donaciones al mostrar a los donantes los beneficios económicos de su generosidad.
3. Recibos y certificados automáticos para los donantes:Una vez que se completa una donación, el sistema genera automáticamente un un certificado de donación conforme a las normas fiscales que envía por correo electrónico, garantizando que los donantes reciban una confirmación inmediata de su contribución , que proporciona información detallada sobre el importe de la donación, la fecha y cualquier deducción fiscal aplicable. Este proceso automatizado reduce significativamente la carga administrativa para la organización, al tiempo que mejora la experiencia del donante al proporcionar documentación instantánea para sus registros.
4. Experiencia de donación mejorada para los donantes:Para garantizar que el proceso de donación sea sencillo y eficaz, toda la experiencia del usuario se diseñó para minimizar la fricción y fomentar las contribuciones. Algunos de los elementos clave centrados en el usuario son:
   1. Páginas de donación sin puntos de fuga: Las páginas específicas de donaciones se presentan sin menús superfluos ni enlaces que puedan inducir a error a los donantes y con un diseño lo más comprensible posible.
   2. Diseño adaptable y optimizado para móviles: Los formularios de donación son totalmente responsivos, lo que garantiza que los usuarios puedan donar fácilmente desde cualquier dispositivo, ya utilicen un ordenador de sobremesa, una tableta o un smartphone. Esto es especialmente importante para llegar a los usuarios móviles, un segmento creciente de la base de donantes en línea.
   3. Proceso de donación simplificado: Los formularios están diseñados para reducir el número de pasos necesarios para completar una donación, haciendo que el proceso sea rápido y sencillo. Desde la selección del importe de la donación hasta la introducción de los datos de pago, la experiencia simplificada fomenta más conversiones al reducir las posibles barreras a la donación.
5. Análisis e informes avanzados: En el backend, el sistema de donaciones está totalmente integrado con Google Analytics y Salesforce, lo que proporciona a la organización información valiosa sobre el comportamiento de los donantes y el rendimiento de las campañas.
   1. Análisis de donaciones: Mediante el seguimiento de las métricas de donación, como el número de contribuciones, el tamaño medio de la donación, etc., Acción contra el Hambre puede optimizar sus estrategias de recaudación de fondos y orientarlas a los canales de alto rendimiento.
   2. Integración con Salesforce: Cada donación se sincroniza a la perfección con Salesforce CRM, lo que garantiza que la organización dispone de registros actualizados de los datos de los donantes, lo que permite una mejor gestión de la relación con los donantes y un seguimiento personalizado.
6.  Seguridad y cumplimiento: Dado lo delicado de la gestión de las transacciones financieras, el sistema de donaciones incluye múltiples niveles de seguridad y cumplimiento para proteger tanto a la organización como a sus donantes.

Otras funcionalidades clave y metas logradas

El proyecto de rediseño del sitio web pretendía alcanzar varios objetivos estratégicos:

1. Nueva Arquitectura del sitio web y migración de contenidos:  Para garantizar una experiencia de usuario fluida, Acción Contra el Hambre necesitaba una revisión completa de la estructura de su sitio web. El equipo desarrolló un mapa del sitio y wireframe completos para el sitio web corporativo, incluido un sistema de menús bien organizado (superior, principal y de pie de página) para que la navegación fuera intuitiva. La interfaz de usuario responsiva se optimizó para diversos dispositivos, garantizando la accesibilidad independientemente de la plataforma del usuario.
   Como parte de la migración de la antigua plataforma Drupal 7 a Drupal 10, se transfirieron con éxito un total de 81 nodos y 269 activos multimedia. Esto sentó las bases de una experiencia digital moderna, fácil de usar y escalable.
2. Desarrollo y gestión de contenidos con VLSuite:  La gestión de contenidos para Acción Contra el Hambre se elevó gracias a VLSuite, una herramienta potente y versátil creada y mantenida por Metadrop. La flexibilidad de VLSuite proporcionó una forma intuitiva y eficaz de gestionar y crear contenidos en todo el sitio.
   Este sistema de creación y gestión de contenidos sin fisuras permitió, a Acción Contra el Hambre, gestionar contenidos estáticos como «Qué hacemos» y secciones dinámicas como entradas de blog y actualizaciones de misiones, con más eficacia que nunca.
3. Funciones y permisos de los usuarios: Para una organización de alcance mundial, la gestión de sus funciones internas es crucial. Para ello, El sistema de gestión de roles de Drupal ha sido vital, creando distintos roles de usuario para editores de contenido, administradores y miembros, cada uno con permisos específicos. Además, un flujo de trabajo de aprobación de contenidos, garantiza que todos los contenidos publicados mantengan los altos estándares de la organización.
4. Optimización SEO: Para llegar a más donantes y simpatizantes era fundamental que el sitio web tuviera una buena posición en los motores de búsqueda. Por ello se ha implementado las mejores prácticas de SEO,  utilizando módulos como Metatag, Simple Sitemap, etc. El marcado Schema.org, la optimización para móviles y los metadatos estructurados se han integrado también para mejorar la visibilidad en los motores de búsqueda.

5. Multimedia y gamificación: Para crear una experiencia más atractiva, se incorporaron elementos multimedia como vídeos y elementos interactivos en todo el sitio. Además se ha desarrollado  y alojado externamente un juego interactivo sobre el hambre, que ofrece a los usuarios estadísticas sobre el hambre en tiempo real y mapas de misiones. Este elemento de ludificación fomenta un mayor compromiso y concienciación sobre la crisis mundial del hambre.
6. Integración en las redes sociales: El sitio web se ha mejorado aún más con la incorporación de fuentes de redes sociales, y una función para compartir fácil de usar. Los visitantes pueden estar al día de las últimas noticias e historias de las cuentas de redes sociales de Acción Contra el Hambre, con botones para compartir disponibles en las entradas del blog y en los artículos.
7. Análisis e informes: Acción Contra el Hambre necesitaba saber cómo interactuaban los usuarios con el sitio web. Para ello, se ha integrado Google Analytics, que permite realizar un seguimiento del tráfico del sitio, las métricas de las donaciones y el comportamiento de los usuarios. Los informes personalizados proporcionan información práctica para ayudar a optimizar futuras campañas y estrategias de participación de los usuarios.
8. Accesibilidad y optimización del rendimiento: El sitio web cumple las normas WCAG 2.1, que garantizan la accesibilidad para todos los usuarios, independientemente de sus capacidades. Además, se han  empleado técnicas de optimización del rendimiento, como la minimización de JavaScript y CSS y una red de distribución de contenidos (CDN), para mejorar el rendimiento global y garantizar tiempos de carga rápidos.

Los módulos esenciales de Drupal para impulsar el impacto mundial de Acción contra el Hambre

Varios módulos fundamentales ha ayudado a dar vida a este proyecto:

• VLSuite: La suite Drupal Visual Layout es una herramienta de código abierto, aportada por Metadrop, que resulta esencial para gestionar fácilmente las páginas de destino, los bloques de contenido y las plantillas personalizadas, mejorando la eficiencia general de la producción de contenidos.

  VLSuite permite a los editores de contenidos:

  • Crear páginas de destino: El sistema permite diseñar y desplegar páginas de destino personalizadas y optimizadas para objetivos de conversión específicos, como aumentar las donaciones o las inscripciones de voluntarios.
  • Creación de plantillas personalizadas: El mantenimiento de la coherencia del diseño en todo el sitio web se facilitacon plantillas personalizadas reutilizables, lo que reduce el tiempo dedicado a la creación de nuevas páginas de contenido.
  • Reutilización de bloques de contenido: Los bloques de contenido como testimonios, llamadas a la acción y banners pueden guardarse,  y reutilizarse en todo el sitio, agilizando la producción de contenidos y mejorando la coherencia.
    Este sistema de creación y gestión de contenidos sin fisuras ha permitido a Acción Contra el Hambre gestionar contenidos estáticos como «Qué hacemos» y secciones dinámicas como entradas de blog y actualizaciones de la misión con más eficacia que nunca.
• Suite de Commerce:  Aunque está diseñada principalmente para el comercio electrónico, la suite Drupal Commerce se puede adaptar fácilmente para crear un flujo de donaciones gracias a sus tipos de productos flexibles, procesos de pago personalizables, opciones de pago, flexibilidad del importe de la donación, recibos deducibles de impuestos, gestión de donaciones recurrentes, etc. como ocurre en Acción Contra el Hambre.
• Suite de Salesforce:  La suite Salesforce de Drupal es una solución versátil y robusta para organizaciones que necesitan tender un puente entre la gestión de contenidos y el CRM. Ofrece una gran flexibilidad y sincronización de datos en tiempo real, por lo que es ideal para organizaciones sin ánimo de lucro, instituciones educativas, organizaciones basadas en membresías y empresas centradas en la generación de prospectos. Aunque puede requerir algunos conocimientos técnicos para su configuración y gestión, proporciona una potente integración para organizaciones que desean sincronizar su sitio Web con Salesforce.
• Search Api  Solr y Facets: Estos dos módulos combinados,  ofrecen una solución flexible y de alto rendimiento para implementar búsquedas en sitios Drupal, especialmente en aquellos con grandes conjuntos de datos o requisitos de búsqueda avanzada. Al aprovechar las capacidades de búsqueda de texto completo, filtrado por facetas e indexación personalizable de Solr, los administradores de sitios pueden ofrecer a sus usuarios una experiencia de búsqueda potente y eficaz. Permite realizar búsquedas avanzadas en todo el sitio web de Acción Contra el Hambre, incluidos filtros para eventos, publicaciones y comunicados de prensa.
• Módulo Webform:  El módulo Webform de Drupal es una solución completa para crear formularios y encuestas personalizadas. Su flexibilidad, opciones de integración y facilidad de manejo, lo hacen adecuado para diversos casos de uso, desde sencillos formularios de contacto, hasta complejas encuestas de varios pasos. Se utiliza en Acción Contra el Hambre para gestionar desde formularios de donaciones y contenidos generados por los usuarios, hasta aplicaciones y encuestas.
• Módulos Leaflet y Geofield: Estos módulos potencian los mapas interactivos, mostrando las ubicaciones de trabajo de Acción Contra el Hambre en todo el mundo.

Estos módulos y funciones combinados entregan una experiencia digital rica en características,  segura y escalable a la audiencia global de Acción Contra el Hambre.

Contribuciones a la comunidad

A lo largo del proyecto, el equipo aportó varias mejoras significativas a la comunidad Drupal, entre las que se incluyen:

• Iteraciones de la VLSuite: Se añadieron características como la funcionalidad «Vista previa de la sección en la biblioteca» y «Reordenar secciones de Layout Builder», mejorando los flujos de trabajo de creación de contenidos.
• Soporte para Layout Builder: Contribución al módulo Default Content añadiendo un normalizador y un desnormalizador para la compatibilidad con Layout Builder.
• Mejoras en Domain Access: Se compartieron mejoras adicionales para la gestión de contenidos a través de múltiples dominios.

5 razones por las que Drupal fue la elección ideal para Acción contra el Hambre

La elección de Drupal para este proyecto fue natural debido a varios factores. Estas son las 5 razones principales (entre otras) por las que Drupal encaja a la perfección en el proyecto Acción contra el Hambre:

• Flexibilidad y personalización: La estructura modular de Drupal permite personalizar la composición de las páginas, lo cual resulta fundamental para crear páginas de destino, formularios de donación, paneles de control de socios, etc. adaptados a las necesidades de los usuarios de un sitio como el de Acción Contra el Hambre.

• Gestión de contenidos: El sólido sistema de gestión de contenidos (CMS) de Drupal ofrecía la flexibilidad necesaria para crear, gestionar y categorizar los contenidos de los numerosos proyectos de Acción Contra el Hambre.

• Escalabilidad: La capacidad de Drupal para gestionar grandes volúmenes de datos y usuarios sin comprometer el rendimiento, fue un aspecto crucial en su elección, dado el carácter de organización global de Acción Contra el Hambre.
• Seguridad: Debido a la naturaleza sensible de los datos de donantes y socios, los permisos de usuario granulares, las sólidas funciones de seguridad y las prácticas de codificación seguras de Drupal lo convirtieron en una opción fiable.
• Capacidad de integración: Drupal ofrecía una integración perfecta con sistemas de terceros como Salesforce, Google Analytics y varias pasarelas de pago.

Ayudamos a tu proyecto solidario a ser relevante

El nuevo sitio web de Acción Contra el Hambre, es más que una plataforma: es un centro mundial de defensa, educación y acción. Con una base escalable, segura y multilingüe, Drupal ha permitido a la organización atraer a usuarios de todo el mundo, aumentar las donaciones y agilizar las operaciones.

Aprovechando el poder del código abierto, la gestión flexible de contenidos y las integraciones innovadoras, Acción Contra el Hambre está ahora equipada para impulsar su misión: acabar con el hambre en el mundo.

¿Le interesa crear una solución digital sólida para su causa? Póngase en contacto con nosotros hoy mismo para empezar a crear una plataforma escalable, segura y preparada para el futuro, adaptada a los objetivos de su organización.