Los sitios web son herramientas clave para que los miembros de Forus -plataformas nacionales y regionales de la sociedad civil- involucren a sus miembros, compartan información y coordinen esfuerzos. El diseño de un sitio web para tales fines requiere un enfoque estructurado, objetivos claros y un enfoque inclusivo. He aquí una guía detallada elaborada con el apoyo del grupo de trabajo de comunicaciones de Forus para las necesidades específicas de las organizaciones de la sociedad civil. Para más información, visite el Consultorio de Comunicación de Forus.

1. Diseñar un pliego de condiciones para su Webmaster para un sitio web nuevo o ya existente: Elementos clave a incluir y preguntas a formular

¿Cómo podemos alinear nuestra visión con las capacidades técnicas del webmaster y garantizar la claridad durante todo el proceso?

Esta es una oportunidad para sentarse con sus propios miembros y equipos a definir cómo el sitio web puede apoyar sus objetivos de comunicación, promoción y refuerzo de capacidades.

Defina la finalidad principal del sitio web y el tipo de contenido que más probablemente subirá, así como la frecuencia en función de sus recursos humanos y del tipo de contrato que desee tener con el webmaster. A continuación encontrará algunas preguntas orientativas que le ayudarán a conceptualizar su sitio web:

Finalidad y objetivos

• ¿Cuáles son los principales objetivos del sitio web? Podrían ser la sensibilización, el alojamiento de recursos para los afiliados, la presentación de historias de impacto, la organización de eventos, etc.
• ¿Cómo encaja el sitio web en nuestras estrategias generales de comunicación y promoción?

¿Necesitamos funciones como un área exclusiva para miembros, mapas interactivos o calendarios de eventos para apoyar nuestros objetivos, lo que podría implicar costes adicionales?

Planificación de contenidos

¿Qué tipo de contenidos vamos a subir? ¿Blogs, informes, multimedia (vídeos, podcasts)?
¿Con qué frecuencia actualizaremos los contenidos?
¿Quién de la organización se encargará de crear y mantener los contenidos? ¿Necesitamos contar con ayuda externa?
Experiencia del usuario y necesidades de la audiencia
¿Cuál es nuestro público principal? ¿Miembros, donantes, responsables políticos, público en general?
¿Qué acciones queremos que realicen los usuarios en el sitio web? ¿Descargar recursos, inscribirse en eventos, participar en nuestras campañas, hacer donaciones o ponerse en contacto con nosotros?
¿Existen necesidades específicas de accesibilidad o lingüísticas (por ejemplo, para usuarios con problemas de visión o si el sitio web necesita varios idiomas)?

Requisitos técnicos y de diseño

¿Tiene mi organización una marca e identidad gráfica que deba reflejarse en el sitio web?
¿Tenemos imágenes de nuestros miembros de alta calidad que podamos utilizar para mostrar nuestro trabajo?
¿Qué características son esenciales para nuestro sitio web y por qué? ¿Inicio de sesión seguro para los miembros, repositorios de documentos, herramientas de visualización de datos?
¿Necesitamos que el sitio web se integre con otras herramientas o plataformas, como redes sociales o sistemas de marketing por correo electrónico para enviar boletines (como Mailchimp)?
¿Qué nivel de asistencia necesitamos del webmaster? ¿Mantenimiento continuo, solución de problemas ad hoc o formación para el personal interno?

Presupuesto y recursos: cómo hacerlos sostenibles

¿Cuál es nuestro presupuesto para el diseño inicial?
¿Cuál es el presupuesto para el mantenimiento y cuáles son los costes recurrentes anuales (podrían incluir alojamiento, nombre de dominio y recursos humanos)?
Existen subvenciones externas o socios que puedan financiar características o mejoras específicas?

2. Especifique los requisitos técnicos con el webmaster

Identifique las funcionalidades básicas de su sitio web, como la inclusión de una sección exclusiva para miembros, la integración de mapas para resaltar la diversidad de la red o la capacidad de albergar contenidos multimedia como podcasts y vídeos. 
Mencione las normas de accesibilidad (por ejemplo, el cumplimiento de las directrices WCAG) y el soporte multilingüe si opera en regiones con diversos idiomas.

Criterios de contratación de un webmaster:
Busque:

• Competencia en diseño web accesible y experiencia de usuario (UX).
• Experiencia con sistemas de gestión de contenidos (CMS) como WordPress, Drupal o Joomla.
• Apoyo en el refuerzo de las capacidades del personal de la sociedad civil.
• Capacidad para implementar sistemas de inicio de sesión seguros para espacios privados como las secciones exclusivas para miembros (si es necesario).
• Capacidad para integrar herramientas como mapas interactivos o paneles de visualización de datos.
• Un desglose claro de los costes: cada partida, desde el nombre de dominio hasta los costes de alojamiento, los certificados de seguridad, el diseño y la implementación de la identidad visual deben desglosarse por separado.
• Un CV con ejemplos de sitios web diseñados anteriormente, así como referencias de clientes.

Ejemplo de tarea para el webmaster:
Encargue al webmaster el diseño de un esquema de página de inicio que incluya una forma de mostrar el impacto de su red (por ejemplo, visualización y datos) y una sección de actualizaciones y noticias. Utilícelo como prueba para evaluar su comprensión de los objetivos y valores de su organización.

Contenido de las propuestas

Los desarrolladores web deben incluir los siguientes elementos en su propuesta:

• Un desglose detallado de los costos, incluidos los costos ocultos posibles, para una total transparencia.

  • Costos de diseño: elaboración de la arquitectura del sitio, creación de maquetas y diseño visual.

  • Costos de desarrollo: codificación, integración de funcionalidades, herramientas para la cartografía y visualización de datos.

  • Costos de formación: sesiones de formación, producción de guías o tutoriales.

  • Costos diversos: tarifas relacionadas con herramientas de terceros (APIs, bibliotecas de software), certificaciones o cualquier otro servicio adicional necesario.

  • Costos recurrentes:

    • Costos de alojamiento: sugerencias de soluciones de alojamiento, estimación de tarifas anuales y opciones de renovación.
    • Costos de mantenimiento: soporte técnico posterior a la entrega, actualizaciones regulares, corrección de errores.
    • Costos de seguridad: integración de protocolos de seguridad, protección de datos personales, pruebas de vulnerabilidad.

• Una descripción precisa de cada componente del proyecto, acompañada de un desglose de los costos por fase o tarea.

• Ejemplos de trabajos previos similares, con enlaces a sitios web o proyectos completados.

• Un maquetado o prototipo del sitio que se presente como ejercicio práctico, demostrando la comprensión de los términos de referencia.

• Una lista de herramientas y tecnologías que se utilizarán para el desarrollo del sitio, con una explicación de sus elecciones.

• Las condiciones y términos para el mantenimiento después del lanzamiento del sitio.

• Comprensión del contexto de la sociedad civil, detallando en un breve párrafo la comprensión del contexto y su visión para vuestro proyecto.

Ejemplos de la red Forus: Abong, miembro de Forus en Brasil, utiliza un mapa interactivo para mostrar la diversidad de sus miembros: https://abong.org.br/
El miembro de Forus en Nigeria, NNNGO, utiliza fotos de sus miembros para mostrar el impacto de sus actividades junto con un menú claro, fácil de navegar, que hace que su misión sea inmediatamente comprensible: https://nnngo.org/
NNNGO, miembro de Forus en Nigeria, también ha elaborado un Atlas de las OSC: https://csoatlas.com/.
BOCONGO, miembro de Forus en Botsuana, ha integrado en su sitio web un espacio exclusivo para sus miembros con el fin de mejorar la coordinación de la sociedad civil en el país: https://bocongo.org/
Coordination SUD, miembro de Forus en Francia, ha integrado en su sitio web una ventana emergente en la que se pide suscribirse a su boletín de noticias para aumentar el alcance y la visibilidad de sus acciones: https://www.coordinationsud.org/
El miembro de Forus en Finlandia, FINGO, tiene un sitio web funcional que incluye la posibilidad de acceder a contenidos en lenguas locales e indígenas: https://fingo.fi/en/finnish-development-ngos-fingo/

3. Elegir soluciones de alojamiento seguras y fáciles de usar: preguntas clave que hay que plantearse:
¿Ofrece el proveedor de alojamiento certificados SSL para una navegación segura?
¿Existe soporte para crear y mantener espacios privados sólo para miembros?
¿Qué opciones de copia de seguridad existen para protegerse de la pérdida de datos?
A la hora de elegir un proveedor de alojamiento, tenga en cuenta la fiabilidad, la asistencia, el rendimiento y la ubicación de los centros de datos en función de la geografía de su público, es decir, de su región. 

• Ubicación del servidor: Elija un proveedor con centros de datos cercanos a su audiencia principal para minimizar la latencia.
• Escalabilidad: Asegúrese de que el plan de alojamiento puede crecer a medida que aumentan las necesidades de su organización.
• Seguridad: Busque certificados SSL, cortafuegos y copias de seguridad periódicas.
• Asistencia: Priorice la atención al cliente 24 horas al día, 7 días a la semana, sobre todo si carece de expertos informáticos.
• Presupuesto: Evalúe los costes de instalación inicial y mantenimiento a largo plazo.
   
   A continuación encontrará ejemplos de opciones de alojamiento en distintas regiones:
• África - Afrihost (Sudáfrica): Asequible y fiable, ideal para pequeñas y medianas empresas.
• Truehost Africa (Kenia, Nigeria, Sudáfrica): Ofrece centros de datos locales y precios asequibles para principiantes.
• HostAfrica: Especializada en alojamiento VPS con una fuerte presencia en toda África.
• Europa y Norteamérica: proveedores de alojamiento europeos que ofrecen sólidas leyes de privacidad de datos (cumplimiento de GDPR).
• SiteGround (Bulgaria): Ofrece seguridad robusta, tiempos de carga rápidos y soporte.
  IONOS (Alemania): Alojamiento fácil de usar con un sólido servicio de atención al cliente.
• LatinCloud (Argentina, Brasil, México): Especializada en alojamiento en la nube con un rendimiento fiable.
• Hostinger (mundial, con sede en Lituania): Planes asequibles y fuerte presencia en Asia.
• Amazon Web Services (AWS): Escalable y flexible, perfecto para proyectos a gran escala.
• Google Cloud Platform (GCP): Ofrece una infraestructura robusta e integración con otros servicios de Google.
• Cloudflare: Una solución global de CDN y alojamiento para mayor velocidad y seguridad.
   

4. Flujo de trabajo para el diseño inclusivo: estructura, colores y accesibilidad
La inclusividad es crucial para las OSC que sirven a diversas comunidades a nivel nacional, regional y mundial, incluidas las personas con discapacidad.Consejos para un diseño inclusivo:

• Utilice una jerarquía clara con títulos y subtítulos (H1, H2, H3).
• Divida el texto en secciones más pequeñas, complementadas con imágenes o iconos.
• Opte por combinaciones de colores de alto contraste para facilitar la lectura.
• Pruebe los diseños con herramientas como WebAIM Contrast Checker.
• Pida apoyo a las organizaciones de la sociedad civil que trabajan por los derechos de las personas con discapacidad.
  Ejemplo de la red Forus: Cooperation Canada, miembro de Forus, ha incluido varias opciones para las personas que necesitan apoyo para navegar por su web: https://cooperation.ca/

5. Consejos generales para sitios web de la sociedad civil

• Diseño Mobile-First
• Elementos interactivos: Incluya un mapa dinámico para mostrar proyectos, asociaciones o diversidad regional.
• Añada un calendario de noticias o eventos para mantener informada a su audiencia.
• Experiencia de usuario simplificada: La navegación debe ser sencilla y centrarse en las funciones esenciales, como los datos de contacto, los recursos y las actualizaciones más importantes.
• Medidas de seguridad: Utilice la autenticación multifactor (MFA) para las áreas privadas. Garantice actualizaciones y copias de seguridad periódicas para evitar infracciones.
• Culturales y lingüísticas: Siempre que sea posible, traduzca los contenidos a los idiomas locales pertinentes.
  Utilice imágenes y ejemplos que reflejen a sus miembros.

6. Ejemplos de proveedores y creadores de sitios web

• What the Web: sitios web de organizaciones sin ánimo de lucro incluye sesiones de refuerzo de capacidades https://www.whattheweb.org/en/
• TechSoup - tecnología para organizaciones sin ánimo de lucro (para asesoramiento y apoyo en desarrollo digital) https://www.techsoup.org/
• Los creadores de sitios web también son una solución práctica para las organizaciones de la sociedad civil con presupuestos limitados. Ofrecen plantillas preconstruidas y una serie de herramientas que ayudan a crear y gestionar un sitio web profesional con recursos humanos propios. A continuación figuran algunos de los creadores de sitios web más sencillos:
• Wix
• WordPress.com
• Squarespace
• Weebly
• Strikingly
• Carrd
• Webflow
• Jimdo