Cepaim

¿Cómo se crea una plataforma digital que no sólo promueva la inclusión social, sino que también facilite un cambio real? Desarrollando un sitio web que ofrezca una experiencia fluida y centrada en el usuario para las diversas comunidades a las que sirve.

La Fundación Cepaim y su misión

La Fundación Cepaim es una organización española sin ánimo de lucro fundada en 1992, dedicada a promover la inclusión social y la igualdad de oportunidades de las personas en situación de vulnerabilidad. Ya se trate de inmigrantes, refugiados, víctimas de la violencia de género o personas que se enfrentan a la exclusión social, Cepaim trabaja para ofrecer apoyo y crear oportunidades. Con 39 centros regionales en 10 Comunidades Autónomas, así como presencia en Marruecos y Senegal, Cepaim llega a un amplio público para ofrecer asistencia integral más allá de las fronteras.

Como parte de su misión de reforzar el apoyo a la comunidad, Cepaim quiso rediseñar su presencia digital. El objetivo era crear una plataforma capaz no sólo de albergar una amplia gama de recursos, sino también de ofrecer una experiencia de usuario intuitiva, escalable y segura. La respuesta llegó en forma de Drupal, un sistema de gestión de contenidos (CMS) flexible, modular y altamente personalizable que se ajusta perfectamente a los objetivos de Cepaim.

Objetivos del proyecto: Redefinir la experiencia digital

El objetivo principal del rediseño del sitio web de la Fundación Cepaim era crear una plataforma atractiva y fácil de usar que permitiera a la organización continuar con su misión social al tiempo que mejoraba su alcance digital. El nuevo sitio web requería un diseño limpio y adaptable con un sistema de navegación estructurado, capaz al mismo tiempo de  soportar las complejas funcionalidades de backend para uso interno que se requiriesen o existiesen previamente. A continuación detallaremos  los aspectos cruciales que se abordaron en el rediseño de la personalidad digital de CEPAIM.

Rediseño de la marca y arquitectura del nuevo sitio web

Para alcanzar estos objetivos, el primer paso consistió en crear un nuevo mapa y esquema completo del sitio web. Esta reestructuración de la arquitectura  no fue algo trivial,  sino que conllevó un esfuerzo de resignificación y repensado de la información existente bastante importante, por parte del personal de CEPAIM, en colaboración estrecha con nuestro equipo y el de nuestro partner en el diseño DIGA. Fruto de esta recategorización y reestructuración de la información,nacieron nuevas secciones dentro de la web como las "Líneas de intervención" o los "Materiales didácticos", y el sistema de navegación se racionalizó mediante menús estructurados para garantizar la facilidad de uso tanto para los visitantes como para los administradores. Todo ello ha permitido que la información esté mucho más ordenada, y sea más aprehensible, tanto para el público objetivo de la web, como para el personal de CEPAIM. 

Asimismo, y tras un rediseño de la imagen corporativa y marca de CEPAIM (realizado por DIGA), se creó y posteriormente desarrolló, una nueva interfaz de usuario responsive perfeccionada. Siguiendo la filosofía "Mobile first", que consiste en priorizar la creación de experiencias web optimizadas para dispositivos móviles antes de adaptarlas a pantallas más grandes, se creó una interfaz simple, rápida y funcional, eliminando elementos innecesarios. Este enfoque asegura accesibilidad y rendimiento en el entorno más restrictivo, para mejorar la experiencia general.

Desarrollo y gestión de contenidos

Gracias a las robustas capacidades de gestión de contenidos de Drupal, en combinación con la integración del módulo VLsuite,  el equipo implementó un sistema de plantillas versátil,  que permite manejar con soltura los diversos tipos de informaciones que se manejan en CEPAIM, tan dispares como  campañas de crowdfunding, encuestas, materiales educativos, etc.  Dicho sistema abarca tanto modelos dinámicos como estáticos, ofreciendo estructuras adaptables a diferentes necesidades.

Ademas, el módulo VLSuite no sólo ha facilitado la creación landings, bloques de contenido reutilizables y plantillas personalizadas,  asegurando así la flexibilidad del sistema, sino que también permite al personal no técnico gestionar los contenidos de manera eficiente y autónoma, debido a su sencillo manejo y previsualizaciones del resultado final.

Por último, era necesaria la migración de todos los contenidos desde la anterior plataforma en WordPress. Se hizo de manera mixta, parte automatizada y parte manual, en un proceso en el que, para hacernos una idea de su magnitud, más de 6000 nodos,  16000 imagenes y 700 documentos fueron migrados entre otros contenidos. Este sistema de migraciones exhaustivamente preciso, aseguró la preservación de todos los datos valiosos y permitió una transición fluida a Drupal.

Mejor gestión de usuarios y área privada

La plataforma también ofrecía un área privada para la gestión interna, incluida la gestión de contenidos y multimedia, el manejo de documentos y la elaboración de informes sobre campañas, donaciones y asociaciones. Las funciones y permisos de los usuarios se definieron cuidadosamente para garantizar un acceso seguro y una administración fluida de estos recursos. 

Cabe destacar la introducción del software de gestión de relaciones con clientes CIVICRM  para la gestión de la información relacionada con los usuarios: cuentas, iteraciones de cuentas,captación y segmentación de leads, etc. Se eligión este CRM por ser de de código abierto, diseñado para organizaciones sin ánimo de lucro (permite gestionar donaciones, membresías, eventos y campañas de manera eficiente si se quisiera en algun momento), altamente personalizable e integrable con sistemas como Drupal, Joomla y WordPress.

Mapas interactivos y funciones de búsqueda

Una de las características más destacadas del nuevo sitio web son los mapas interactivos, que permiten a los usuarios localizar fácilmente los centros de Cepaim y acceder a información sobre ellos.

Además, la funcionalidad de búsqueda basada en SOLR  y facets implementada, ofrece capacidades de búsqueda facetada y semántica muy potentes que han mejorado enormemente la experiencia del usuario.

Sistema de donaciones y asociaciones

El sistema de donaciones ha sido otro componente crítico, desarrollado utilizando Drupal Commerce, Webform y un sistema de pago recurrentes a través de PayPal, cuya adaptación a Drupal y Commerce ha tenido que desarrollarse ad hoc, dado que no existía, dando lugar al nacimiento del módulo  drupal/commerce_paypal_subscriptions. Esto permite hoy en día a Cepaim gestionar a la perfección las donaciones en línea, los esfuerzos de crowdfunding y los programas de asociación.

SEO y traducción en tiempo real

La optimización SEO se ha logrado al través del módulo  Metatag y una configuración integral, asegurando una mejor visibilidad. La plataforma también incluye Google Translate para traducciones automáticas en tiempo real, atendiendo así a la diversa audiencia internacional de Cepaim.

Integración con otras herramientas clave

Finalmente la sólida API de Drupal ha permitido una integración perfecta con herramientas como Mailchimp para la automatización del marketing digital y mailing, y la herramienta de análisis web Google Analytics que permite recopilar, medir y analizar datos sobre el comportamiento de los usuarios en sitios web y aplicaciones. 

Módulos clave en el desarrollo que debes conocer

Para construir una plataforma tan completa, se utilizaron varios módulos clave de Drupal, entre los que destacamos:

• drupal/vlsuite: Para la creación flexible de landings y plantillas, y la gestión de contenidos.
• drupal/civicrm: Para la gestión de cuentas, organizaciones y comunicaciones.
• drupal/commerce: Para la gestión de transacciones, incluidas donaciones y asociaciones.
• drupal/search_api_solr y drupal/facets:  Para potentes funciones de búsqueda con SOLR y filtrado mediante facestas.
• drupal/webform: Para crear formularios de donaciones, encuestas, inscripciones a eventos, contactos, etc.

Además, se integraron herramientas como drupal/metatag, drupal/google_tag y drupal/mailchimp para SEO, análisis y marketing por correo electrónico.

Contribuciones a la comunidad

Gracias a este proyecto hemos realizado mportantes contribuciones a la comunidad de Drupal. Entre ellas destacamos dos: El módulo WordPress Migrate SQL, que ha simplificado las migraciones de WordPress a Drupal utilizando bases de datos en lugar de archivos XML, y el módulo drupal/commerce_paypal_subscriptions, que permite una gestión moderna de las suscripciones de PayPal dentro de un Drupal que funciones con commerce.
 

Las 5 razones principales por las que Drupal fue la elección ideal para CEPAIM

La Fundación Cepaim necesitaba una plataforma capaz de gestionar diversos tipos de contenido, ofrecer flexibilidad en la composición de las páginas y adaptarse al crecimiento de la organización. Se eligió Drupal por varias razones clave, de las cuales destacamos estas 5:

1. Flexibilidad modular: La arquitectura de Drupal permite la personalización y la facilidad de integración con otros sistemas, como CRM y API externas.
2. Escalabilidad: Cepaim necesita un sitio que pueda crecer junto con su red en expansión de centros regionales y proyectos internacionales.
3. SEO fácil: Para mejorar la visibilidad y el alcance, el sistema Drupal, combinado con herramientas como Metatag y Google Tag Manager, facilita la optimización del sitio web para los motores de búsqueda.
4. Capacidad de integración: La plataforma necesita un sólido soporte de API, especialmente para integrarse con Mailchimp, Google Analytics y otras herramientas que agilizan la comunicación y la recopilación de datos.
5. Rentabilidad: Como organización sin ánimo de lucro, Cepaim necesita una solución que no sólo potente, sino también económica, a lo que Drupal responde perfectamente.

Construyendo una plataforma de empoderamiento

El sitio web rediseñado de Cepaim es algo más que una plataforma digital: es una herramienta de empoderamiento para impulsar el cambio social y la inclusión. Gracias a la excelente labor del personal de CEPAIM,en esfuerzo conjunto con DIGA y nuestro equipo, se ha conseguido una perfecta integración de diversas funcionalidades necesarias, junto con una interfaz fácil de usar, que garantizan que se pueda continuar  la importante misión de ayudar a las poblaciones vulnerables de manera eficiente y eficaz.

Ahora, con su sitio web escalable y flexible basado en Drupal, Cepaim está mejor equipada para ampliar su impacto social y mantener fuertes conexiones con las comunidades a las que sirve.

¿Quiere transformar su presencia digital? Póngase en contacto con nosotros para hablar de cómo podemos crear una solución adaptada a sus necesidades.