Colombia Diversa impulsa la defensa de derechos LGBTIQ+ a través de investigación, litigio e incidencia pública. El sitio necesitaba ser más accesible y directo: encontrar informes, rutas de apoyo, noticias y formas de participar en segundos, sin perder profundidad ni rigor.
(Detalles)
Categoría
ONG / Derechos humanos
Servicios
Arquitectura de información, Diseño web, UX/UI accesible, SEO de contenidos, Copy de conversión (donar/participar), Analítica (GA4)
Había que ordenar una gran base de contenidos (informes, comunicados, leyes, recursos) y hacer visibles las acciones clave: donar, unirse a campañas, consultar rutas de ayuda y entender casos emblemáticos.
Desafío
Reducir el tiempo para encontrar recursos críticos, mejorar lectura en móvil, priorizar accesibilidad (contrastes, tipografías, navegación con teclado) y aumentar clics a donaciones y participación sin diluir la misión.
Solución
Reorganizamos la web por intención: “Infórmate”, “Necesito ayuda”, “Participa” y “Transparencia”. Diseñamos una interfaz limpia y accesible, con buscador visible, etiquetas temáticas y fichas de recursos que explican en simple qué es, para quién sirve y cómo usarlo. Los CTAs invitan a donar y sumarse a campañas desde cualquier página. El SEO trabaja categorías, notas y casos clave para que la gente llegue a lo que necesita más rápido. Resultado: una web clara, humana y lista para movilizar.
Resultados
+39% clics a “Donar” y “Participar”
+33% búsquedas internas con resultados útiles
−27% tiempo para encontrar recursos clave
LCP < 2.4 s · INP < 200 ms
Mejor comprensión en móvil y lectura accesible
(Diseño de tienda (WooCommerce), UX/UI, SEO ecommerce, Copy de producto y categorías, Quiz de recomendación, Analítica (GA4), Integraciones de pago y envíos)
(Rebranding, Identidad de marca, Sistema visual, Señalética ambiental, Papelería técnica, Plantillas de informes, Kit de RSE del agua, Manual de marca)