Hablemos > run send_email.sh_

Global Helping

Plataforma que unifica donaciones, voluntariado y crowdfunding en un solo lugar — diseñada para resolver la invisibilidad de las ONGs locales frente a las grandes organizaciones internacionales.

UX Design Design Thinking Nonprofit
Global Helping

Fecha

2021

Duración

2 semanas (45 horas)

Rol

UX/UI Designer

Industria

Non-Profit

Skills

Design Thinking Surveys User Persona Journey Mapping Design Tokens Prototyping Benchmarking Wireframing Visual Design Interaction Design Information Architecture Responsive Design Crowdfunding Storytelling Visual

Sobre el proyecto

Una persona quiere ayudar. Busca en Google. Encuentra tres plataformas diferentes: una para donar, otra para ser voluntario, otra para crowdfunding. Cada una con su propio registro, su interfaz, su lógica. Para cuando decide cuál usar, la motivación se ha diluido.

Global Helping nace para eliminar esa fragmentación. Es una plataforma web que conecta personas solidarias con ONGs y causas sociales a través de donaciones, voluntariado y crowdfunding en un único punto de acceso. Pero el hallazgo más importante del proyecto no fue tecnológico — fue humano: tras encuestar a 48 personas, descubrí que el problema real no era la falta de solidaridad. Era la falta de visibilidad de las ONGs locales frente a las grandes organizaciones internacionales. El proyecto pivotó completamente a partir de ese insight.

La investigación reveló dos problemas estructurales: (1) las ONGs locales carecen de recursos de comunicación — no pueden competir en visibilidad con grandes organizaciones que tienen equipos de marketing, SEO y paid media; (2) no existe ninguna plataforma que unifique donaciones, voluntariado y crowdfunding — cada servicio vive aislado, multiplicando la fricción para el usuario que quiere actuar. El resultado: personas con intención real de ayudar que abandonan antes de completar la acción, y organizaciones locales que hacen trabajo crítico pero que nadie conoce.

  • Las ONGs locales hacen trabajo crítico pero carecen de recursos para competir en visibilidad con grandes organizaciones
  • Donaciones, voluntariado y crowdfunding viven en plataformas separadas — la fragmentación diluye la intención de ayudar
  • Sin conexión emocional con la causa ni transparencia sobre el impacto, el usuario no repite ni recomienda

Solución propuesta

Una plataforma web que unifica tres servicios en uno: donar a causas verificadas, apuntarse como voluntario y lanzar campañas de crowdfunding. El diseño prioriza dos cosas: confianza (que el usuario sepa que su ayuda llega donde debe) y conexión emocional (que sienta la urgencia y el impacto de cada causa). El sistema visual se construyó con Design Tokens para escalabilidad, y el storytelling visual convierte datos de ONGs en narrativas que motivan la acción.

01. Espacio del Problema

De las problemáticas globales a un problema concreto

El punto de partida fue amplio: 15.000 científicos de 184 países han identificado 10 grandes problemáticas globales — escasez de agua, sobrepesca, degradación del suelo, contaminación, extinción de especies. La pregunta inicial era ambiciosa: "¿Cómo podemos mejorar la calidad de vida de los más desfavorecidos?"

Pero un caso de estudio serio no empieza con la respuesta — empieza con las preguntas correctas. Formulé Research Questions en tres categorías: Usuarios (¿cómo se comporta la persona solidaria? ¿qué le frena? ¿qué le motiva?), Productos (¿qué oferta existe? ¿dónde hay vacíos?) e Instituciones (¿qué capacidades tienen las ONGs? ¿qué les falta?). Estas preguntas evitaron que el proyecto se convirtiera en una lista de buenas intenciones.

Brainstorming — Mapeo de problemáticas globales para identificar oportunidades de diseño
Brainstorming — Mapeo de problemáticas globales para identificar oportunidades de diseño
Research Questions — Tres categorías de preguntas que evitaron sesgos en la investigación
Research Questions — Tres categorías de preguntas que evitaron sesgos en la investigación

El pivote — Los datos cambiaron la dirección del proyecto

Encuesté a 48 personas con diferentes grados de experiencia en solidaridad. El hallazgo fue inesperado y cambió completamente el proyecto.

Escenario real: María, 34 años, donó 50€ a Cruz Roja el año pasado. Quiere ayudar más, pero cuando busca opciones, encuentra solo grandes organizaciones internacionales. No sabe que a 3 km de su casa hay una ONG local que reparte comida a familias en riesgo de exclusión. Esa ONG no tiene web, no tiene SEO, no tiene campaña de marketing. Existe, pero es invisible.

El problema no era la falta de solidaridad — las personas quieren ayudar. El problema era la asimetría de visibilidad: las ONGs locales hacen trabajo crítico en comunidades cercanas, pero no tienen los recursos de comunicación para llegar a los potenciales donantes y voluntarios que viven al lado.

Insight Clave: El proyecto pivotó de "ayudar a países subdesarrollados" a "dar visibilidad a las ONGs locales que ya están haciendo el trabajo pero que nadie conoce". Los datos lo decidieron, no la intuición.

Encuesta — Hábitos solidarios: la mayoría conoce solo grandes organizaciones
Encuesta — Hábitos solidarios: la mayoría conoce solo grandes organizaciones
Análisis de respuestas — El insight que reorientó todo el proyecto
Análisis de respuestas — El insight que reorientó todo el proyecto

02. Usuarios y Contexto

El usuario solidario — Motivado pero frustrado

Los datos de las encuestas dieron forma a un perfil concreto: una persona con intención real de ayudar, pero que enfrenta tres barreras emocionales que la frenan:

1. Desconfianza — "¿Mi dinero realmente llega a quien lo necesita?" Sin transparencia sobre cómo se usa la donación, el usuario prefiere no actuar. La confianza rota por escándalos mediáticos de ONGs afecta a todo el sector — incluyendo a las organizaciones honestas.

2. Parálisis por opciones — "Hay tantas causas que no sé por dónde empezar." La fragmentación de plataformas (una para donar, otra para voluntariado, otra para crowdfunding) multiplica las decisiones y diluye la motivación.

3. Falta de feedback — "Doné hace 6 meses y no sé qué pasó con mi dinero." Sin seguimiento del impacto, el usuario no vuelve ni recomienda. La donación se siente como tirar dinero a un pozo.

Estas barreras no son racionales — son emocionales. Y requieren soluciones de diseño que construyan confianza, no solo funcionalidad.

User Persona — Motivado por la causa, frustrado por la experiencia
User Persona — Motivado por la causa, frustrado por la experiencia
Mapa de empatía — Las barreras son emocionales: desconfianza, parálisis y falta de feedback
Mapa de empatía — Las barreras son emocionales: desconfianza, parálisis y falta de feedback

03. Journey y Puntos de Fricción

Dónde se pierde la intención de ayudar

El customer journey map reveló que la motivación del usuario es más alta al principio — cuando descubre una causa que le conmueve — y decae progresivamente con cada punto de fricción. Escenario real: Laura ve un reportaje sobre familias sin recursos en su ciudad. Se conmueve. Abre el móvil. Busca "donar comida Barcelona". Encuentra 4 webs diferentes. Cada una le pide registro. No sabe cuál es fiable. Cierra el móvil. La intención se ha perdido en 3 minutos. Los puntos de fricción críticos: (1) descubrimiento fragmentado — no hay un punto de acceso único; (2) registro múltiple — cada plataforma pide crear cuenta; (3) falta de contexto emocional — las plataformas muestran datos, no historias; (4) cero seguimiento — después de la acción, silencio total. Cada punto de fricción no solo pierde un usuario — pierde una acción concreta de ayuda que habría ocurrido si la experiencia fuera más simple.

Customer Journey — La motivación decae con cada punto de fricción. El diseño debe proteger la intención inicial.
Customer Journey — La motivación decae con cada punto de fricción. El diseño debe proteger la intención inicial.

04. Estrategia UX

El vacío competitivo que justifica la plataforma

El benchmarking confirmó lo que las encuestas sugerían: existen plataformas de donaciones (Teaming, GoFundMe), plataformas de voluntariado (Hacesfalta.org) y plataformas de crowdfunding (Goteo, Verkami). Pero ninguna reúne los tres servicios.

Esto importa porque el usuario no piensa en categorías de servicio — piensa en "quiero ayudar". Obligarle a elegir entre donar, ser voluntario o contribuir a crowdfunding antes de mostrarle las causas es una barrera artificial. Global Helping elimina esa decisión: el usuario explora causas, y cada causa le ofrece las formas de ayudar disponibles.

La estrategia UX se construye sobre cuatro principios:

1. Un punto de acceso, tres formas de actuar — Sin fragmentación. 2. Confianza antes de conversión — El usuario necesita creer antes de actuar. 3. Conexión emocional con storytelling — Historias reales, no métricas frías. 4. Feedback post-acción — Mostrar el impacto de la ayuda para generar recurrencia.

Insight Clave: El usuario no piensa "quiero donar" o "quiero ser voluntario". Piensa "quiero ayudar". La plataforma debe adaptarse a la intención, no obligar al usuario a adaptarse a la estructura.

Benchmarking — Ninguna plataforma unifica donaciones, voluntariado y crowdfunding
Benchmarking — Ninguna plataforma unifica donaciones, voluntariado y crowdfunding

05. Decisiones de Diseño

Design System — Confianza y consistencia a escala

Problema: Una plataforma solidaria necesita transmitir confianza desde el primer píxel. Inconsistencias visuales — un botón que cambia de color, una tipografía que varía entre páginas — erosionan la credibilidad de forma inconsciente.

Decisión: Construir un sistema de Design Tokens (color, tipografía, spacing, grid) como base de toda la plataforma. No es solo eficiencia técnica — es una decisión de confianza. Un sistema visual consistente comunica profesionalidad, seriedad y cuidado. Exactamente lo que un usuario necesita sentir antes de dar su dinero o su tiempo a una causa.

Trade-off: Invertir tiempo en foundations en un proyecto de 2 semanas reduce el tiempo disponible para pantallas finales. Pero sin foundations sólidas, cada pantalla nueva introduce inconsistencias que dañan la percepción de confiabilidad.

Foundations — Color, tipografía, iconografía, grid y espaciado diseñados para transmitir confianza
Foundations — Color, tipografía, iconografía, grid y espaciado diseñados para transmitir confianza
Componentes — Cards, botones, inputs construidos sobre tokens para consistencia total
Componentes — Cards, botones, inputs construidos sobre tokens para consistencia total

De wireframes a alta fidelidad — Priorizar la estructura sobre la estética

Problema: En una plataforma con tres flujos principales (donar, voluntariado, crowdfunding), la arquitectura de información es más crítica que el diseño visual. Si el usuario no encuentra cómo ayudar en los primeros 10 segundos, abandona. Decisión: Wireframes primero, siempre. Validar la estructura de información y los flujos principales antes de invertir en detalle visual. Los wireframes revelaron que el flujo inicial — elegir tipo de ayuda antes de explorar causas — era incorrecto. El usuario quiere ver causas primero y decidir cómo ayudar después. Este insight cambió la arquitectura completa de la plataforma. Trade-off: Los wireframes de baja fidelidad son más rápidos de iterar, pero más difíciles de usar en testing con usuarios. Para un proyecto de 2 semanas, el trade-off fue aceptable — la prioridad era la estructura, no la validación visual.

Wireframes — La estructura correcta se validó antes de diseñar un solo componente
Wireframes — La estructura correcta se validó antes de diseñar un solo componente

06. Confianza y Seguridad

Cómo se construye confianza — y qué pasa si falla

La confianza es el recurso más frágil de una plataforma solidaria. Si el usuario duda una sola vez de que su ayuda llega donde debe, no vuelve. Y lo que es peor: cuenta su mala experiencia a 10 personas que tampoco vendrán. Mecanismos de confianza diseñados para Global Helping:

  • Perfiles verificados de ONGs — Cada organización tiene un badge de verificación visible. Sin verificación, no aparece en la plataforma. Si falla: ONGs falsas o no verificadas erosionan la confianza de todo el ecosistema. Un solo caso de fraude puede destruir la reputación de la plataforma
  • Transparencia de fondos — Cada causa muestra cuánto se ha recaudado, cuánto se necesita y cómo se distribuye. Si falla: sin transparencia, el usuario asume lo peor. "¿Cuánto se queda la plataforma?" es la primera pregunta que surge — y debe tener respuesta visible
  • Storytelling con prueba social — Historias reales de beneficiarios con fotos y actualizaciones. No métricas frías — narrativas humanas. Si falla: sin conexión emocional, la donación se siente como un trámite burocrático. El usuario no repite
  • Actualizaciones post-acción — Después de donar o ser voluntario, el usuario recibe actualizaciones sobre el impacto de su ayuda. Si falla: sin feedback, el usuario siente que su ayuda cayó en un agujero negro. La tasa de recurrencia se desploma
  • Protección anti-spam — Sistema de moderación para evitar que causas falsas, duplicadas o de baja calidad contaminen la plataforma. Si falla: si la plataforma se llena de causas de baja calidad, el usuario pierde la capacidad de distinguir las legítimas. La confianza en el curado es tan importante como la confianza en cada ONG individual

Insight Clave: La confianza en una plataforma solidaria no se construye con un badge de verificación. Se construye con transparencia total en cada punto de contacto: cuánto se recauda, cómo se distribuye, qué impacto genera, y qué pasa si algo sale mal.

07. Accesibilidad e Inclusión

Diseñar para quienes más lo necesitan

Una plataforma solidaria que no es accesible tiene una contradicción fundamental: excluye a las personas que más podrían beneficiarse de ella. Las decisiones de inclusión no son un "nice to have" — son coherencia con la misión del producto:

  • Alfabetización digital variable — El usuario solidario no es siempre un nativo digital. El diseño prioriza botones grandes, textos claros y flujos de máximo 3 pasos. Cada acción tiene un label explícito — nunca solo un icono
  • Idioma y contexto cultural — La arquitectura está preparada para traducción multi-idioma. Las causas se presentan con contexto local (ubicación, distancia al usuario) para generar conexión con la comunidad cercana
  • Responsive desde el diseño — 5 breakpoints planificados desde wireframes. El 70% de los usuarios solidarios consultan desde móvil — el diseño mobile-first no es una optimización posterior, es el punto de partida
  • Accesibilidad visual — Contrastes WCAG AA, tamaños táctiles mínimos de 44px, labels en todos los inputs. El storytelling visual incluye alt text descriptivo para lectores de pantalla — las historias de las causas deben llegar a todos

Insight Clave: Si la plataforma no es accesible para una persona mayor que quiere donar desde su móvil, o para un usuario con baja visión que quiere ser voluntario, el diseño ha fallado en su misión más básica.

08. Flujo Final

Prototipo interactivo — De la causa a la acción

El prototipo funcional en Figma demuestra el flujo core: exploración de causas con storytelling visual, detalle de una causa con las tres opciones de ayuda (donar, voluntariado, crowdfunding), y el flujo de contribución. Cada pantalla está diseñada para proteger la motivación inicial del usuario — minimizando los pasos entre "quiero ayudar" y "ya he ayudado". Escenario real que el prototipo valida: Un usuario llega a la plataforma porque vio un post en redes sobre una ONG local. En 3 clics: descubre la causa, elige cómo ayudar y completa la acción. Sin registro previo obligatorio. Sin salir de la plataforma. Sin perder la motivación.

09. Impacto Esperado

Métricas hipotéticas con justificación

Al ser un proyecto de concepto sin implementación, las métricas son hipotéticas. Pero cada estimación está fundamentada en el research y en benchmarks de plataformas solidarias:

  • Reducción de tiempo a la acción: de minutos a segundos — El flujo actual (buscar ONG + encontrar plataforma + registro + donar) requiere >5 minutos distribuidos en 2-3 plataformas. Global Helping reduce esto a <90 segundos en una sola plataforma. Cada minuto de fricción reduce la conversión un 7% según datos de fundraising digital
  • Mayor visibilidad para ONGs locales — Al reunir causas locales e internacionales en el mismo directorio, las ONGs locales pasan de "invisibles" a "descubribles". El mapa de proximidad prioriza causas cercanas, aprovechando el sesgo psicológico de cercanía que aumenta la donación hasta un 30%
  • Mayor tasa de recurrencia — Las actualizaciones post-acción y el storytelling de impacto crean un loop emocional: donar → ver el impacto → sentir satisfacción → donar de nuevo. Plataformas con feedback de impacto reportan tasas de recurrencia 2-3x superiores
  • Efecto de red en voluntariado — Cada voluntario que comparte su experiencia atrae a más voluntarios. El diseño incluye compartir en redes sociales con narrativa preformateada que cuenta la historia de la causa, no solo pide dinero

Insight Clave: El impacto más importante no es una métrica de plataforma. Es cada acción de ayuda que habría ocurrido pero no ocurrió porque la experiencia era demasiado fragmentada. Global Helping existe para que esas acciones dejen de perderse.

10. Reflexión

Qué aprendí, qué testearía y qué riesgos existen

El mayor aprendizaje fue la importancia de dejarse guiar por los datos. Las encuestas cambiaron completamente la dirección del proyecto — de "ayudar al tercer mundo" a "dar visibilidad a la ONG de tu barrio". Sin esas 48 respuestas, habría diseñado una plataforma bonita que no resolvía el problema real.

  • Testearía primero: Flujo de donación completo con 5-8 usuarios reales. Medir: ¿entienden la diferencia entre donar, voluntariado y crowdfunding? ¿La navegación por causas genera conexión emocional o parálisis? ¿Completan la acción sin ayuda?
  • Riesgo: cold start — La plataforma necesita causas publicadas para atraer usuarios, y usuarios activos para atraer ONGs. Sin masa crítica inicial en ambos lados, la plataforma se siente vacía y pierde credibilidad. Un lanzamiento por ciudad (no global) mitigaría este riesgo
  • Riesgo: calidad del contenido — Si las ONGs publican causas con texto pobre, fotos de baja calidad o información incompleta, la experiencia se degrada. Se necesitaría un equipo editorial o templates guiados para garantizar un mínimo de calidad narrativa
  • Riesgo: sostenibilidad — ¿Cómo se financia la plataforma sin comprometer la confianza? Las opciones (fee por transacción, modelo freemium para ONGs, patrocinios) tienen implicaciones directas en la percepción de transparencia. Una fee no comunicada destruye confianza; un patrocinio visible la refuerza
  • Siguiente iteración — Mapa interactivo con causas geolocalizadas, actualizaciones en tiempo real del impacto de donaciones, API pública para que ONGs integren la plataforma en sus webs, y diseño responsive con 5 breakpoints para cobertura total de dispositivos

Insight Clave: Este proyecto demuestra que el diseño centrado en humanos no empieza con pantallas — empieza con preguntas. Las 48 encuestas que pivotaron el proyecto valen más que las 45 horas de diseño que vinieron después.

Impacto

Resultados

UX end-to-end en 2 semanas (45 horas) — research, persona, wireframes, design system y prototipo funcional
Prototipo interactivo en Figma con 3 flujos principales: donar, ser voluntario y contribuir a crowdfunding
Design system con foundations, tokens y componentes reutilizables — preparado para escalar
Pivot validado por datos: 48 encuestas reorientaron el proyecto de enfoque global a visibilidad local
TERMINAL OUTPUT PROBLEMS