Diseño web para ONG: cómo generar confianza y donaciones

La mayoría de las webs de ONG y organizaciones sin ánimo de lucro pierden donaciones que deberían estar captando. No porque la causa no sea importante, sino porque algo falla entre “quiero donar” y “he donado”. Fricción en la página de donación. Una señal de confianza que falta justo en el momento clave. Una experiencia móvil que parece una versión reducida de la de escritorio. Una foto que, sin decirlo, hace que el donante dude de si la organización es tan real como parece.

En España, las donaciones siguen siendo un reto: distintas fuentes del sector sitúan el porcentaje de personas que donan habitualmente en torno al 30–40%. Eso significa que cada visitante importa más. Las organizaciones que crecen son las que generan confianza más rápido y eliminan la fricción casi por completo.

Así es como se ve eso en una web.

La nueva realidad de las ONG en España

Unas cuantas ideas para situarnos:

• No todo el mundo dona, y muchas personas donan solo cuando confían mucho en la organización.
• Buena parte de las donaciones empiezan en el móvil, aunque la persona haya conocido la causa por redes, boca a boca o una campaña.
• Los donantes quieren ver dónde va el dinero antes de darlo.
• Bizum se ha convertido en una forma natural de donar pequeñas cantidades en España.
• La desgravación fiscal puede ser un argumento importante, pero muchas webs la explican tarde, mal o con demasiada letra pequeña.

La conclusión es simple: competir por donantes es más difícil. Las ONG que funcionan mejor online son las que generan confianza rápido, demuestran impacto con claridad y reducen al mínimo los pasos entre la intención y la donación.

La confianza va primero: antes que el diseño, antes que la historia, antes que todo

Cuando abrimos una web de una organización sin ánimo de lucro por primera vez, no miramos solo la foto principal ni el mensaje emocional. Miramos las señales de confianza. ¿Está claro quién está detrás? ¿Hay datos legales visibles? ¿Hay algún sello, registro o entidad reconocible? ¿Se explica qué pasa con el dinero?

En treinta segundos suele estar claro si la web va a convertir donantes o va a perderlos. Y lo curioso es que muchas de estas señales son fáciles de añadir. No requieren una campaña enorme. Requieren claridad.

La pregunta que muchas personas se hacen antes de donar es: ¿dónde va realmente mi dinero? No es desconfianza gratuita. Es prudencia. Hay muchas causas, muchas campañas y demasiadas webs vagas. Las organizaciones que responden a esa pregunta rápido, con datos, actualizaciones recientes y un desglose claro, parten con ventaja.

Qué genera confianza rápido

• Datos legales visibles. Registro, forma jurídica, CIF si procede, y datos de contacto reales.
• Sellos o entidades reconocibles. Fundación Lealtad, Coordinadora de ONGD, registros autonómicos o el Registro de Fundaciones cuando aplique.
• Impacto concreto y reciente. No “ayudamos a muchas familias”, sino “en 2025 entregamos 4.200 paquetes de alimentos”.
• Un desglose claro del dinero. Programas, administración, captación de fondos. Puede ser un gráfico, una frase o una sección breve.
• Noticias o actualizaciones recientes. Una web que parece viva genera más confianza que una con la última noticia de 2022.

Qué destruye confianza rápido

• Contenido desactualizado.
• Promesas vagas sin números.
• Fotos de stock de “personas sonriendo” que no tienen nada que ver con la causa.
• Enlaces rotos o páginas 404.
• Una web lenta o torpe en móvil.

La página de donación lo es todo

Si una web consigue que 100 personas quieran donar, pero 95 se pierden en la página de donación, el resto de la web solo está haciendo una pequeña parte del trabajo. La conversión de una ONG vive o muere en esa página.

Hemos visto webs con buenas historias, tráfico decente y una causa clara que perdían donantes por un detalle muy simple: la página de donación seguía teniendo todo el menú visible. Cada persona que dudaba un segundo podía volver a “Quiénes somos”, “Proyectos” o “Noticias”. Muchas no volvían. Eso es un embudo con fugas: cada enlace innecesario en la página de donación es una salida posible.

Cuando la persona ya está en la página de donación, no necesitas ofrecerle veinte caminos. Necesitas ayudarle a terminar la acción.

También hemos visto mejoras enormes al añadir dos cosas: importes predefinidos con impacto y pagos rápidos. No es magia. Es reducción de fricción. Una persona que tiene que elegir una cantidad desde cero, escribir los datos de la tarjeta y decidir si confía o no, está tomando demasiadas decisiones. Una persona que ve “10 € = una comida escolar” y puede donar por Bizum está tomando una decisión mucho más sencilla.

Qué hace una página de donación que convierte

• Carga en menos de 2 segundos. Cada segundo extra cuesta donantes.
• Elimina distracciones. En la página de donación, el menú completo normalmente sobra.
• Usa importes predefinidos con impacto. “10 € = una comida escolar.” “50 € = un mes de medicación.”
• Incluye Bizum de forma visible. En España, para muchas donaciones pequeñas, Bizum es más natural que meter una tarjeta.
• Ofrece Apple Pay y Google Pay. Especialmente en móvil, reducen fricción.
• Explica la desgravación fiscal en una frase clara. No escondas el beneficio fiscal en una página secundaria.
• Permite donación puntual y recurrente. La recurrente vale más a largo plazo, pero no obligues a elegirla.
• No exige crear una cuenta para donar.
• Muestra señales de seguridad cerca del pago.

El móvil es donde ocurre la donación

Muchas organizaciones siguen diseñando como si el escritorio fuera la experiencia principal y el móvil una versión secundaria. Pero para muchas personas, el móvil no es una alternativa: es la experiencia real.

La página puede verse preciosa en un portátil. Pero si en un teléfono el botón de donar queda después de tres pantallas, el formulario no se rellena bien, los campos obligan a hacer zoom y el pago tarda demasiado, estás perdiendo donaciones en el lugar donde más importan.

Una buena experiencia móvil de donación es muy concreta: el botón de donar está visible pronto, los importes son botones grandes, Bizum aparece de forma clara, Apple Pay y Google Pay están disponibles, la explicación fiscal cabe en una frase y todo puede completarse con el pulgar en menos de 30 segundos.

Imprescindibles en móvil

• Botón de donar visible en la primera pantalla o muy cerca de ella.
• Importes como botones, no solo como campo de texto.
• Bizum, Apple Pay y Google Pay integrados.
• Formularios que funcionan con autorrelleno y no obligan a hacer zoom.
• Teléfono clicable, si la organización recibe llamadas.
• Carga rápida en un móvil normal con 4G.

Historias que sí ayudan a donar

Las mejores webs de ONG no eligen entre emoción y datos. Usan las dos cosas. “Ayudamos a familias” es demasiado vago. “47.000 personas recibieron apoyo el invierno pasado” es un dato sin rostro. Lo que funciona es combinar una historia real con un número amplio y una acción concreta.

El problema de las fotos de stock afecta especialmente a las organizaciones sin ánimo de lucro. Si una persona detecta que la imagen principal es genérica, empieza a preguntarse qué más es genérico. En una web comercial puede parecer poco auténtico. En una ONG, puede erosionar confianza justo cuando más la necesitas.

Las fotos reales, con consentimiento, aunque no sean perfectas, suelen funcionar mejor que las imágenes pulidas de banco de fotos. La verdad pesa más que el brillo.

La estructura que suele funcionar es esta: una historia real, un dato general, una acción clara.

“Sara es madre soltera y necesitó ayuda el invierno pasado. Es una de las 47.000 personas a las que apoyamos. 20 € hoy ayudan a que la próxima familia tenga comida esta semana.”

Historia, escala y acción. Cada parte hace un trabajo distinto: la historia conecta, el dato demuestra capacidad y la acción convierte la emoción en una decisión concreta.

Qué funciona

• Una historia real y breve: nombre, foto con consentimiento y dos o tres frases.
• Un dato amplio que muestre escala.
• Una acción concreta que la donación desbloquea.
• Fotos reales de personas, proyectos o trabajo de campo, siempre con consentimiento.

Qué no funciona

• Páginas de “Nuestra historia” de 600 palabras que nadie lee.
• Vídeos largos que no se ven bien en móvil.
• Fotos de stock que no encajan con la causa.
• Frases de agradecimiento vagas sin ejemplos concretos.

Para profundizar en este tema, nuestra guía sobre cómo elegir las imágenes correctas para tu web desarrolla los principios con más detalle.

La accesibilidad no es opcional

Una web de una organización sin ánimo de lucro que no es accesible excluye precisamente a muchas de las personas a las que el sector suele querer apoyar. También reduce el alcance, empeora la experiencia y puede crear problemas legales o reputacionales.

Lo básico:

• Texto alternativo en imágenes relevantes.
• Contraste suficiente entre texto y fondo.
• Navegación con teclado. Una persona que no usa ratón también debe poder donar.
• Tamaños de letra legibles. Mínimo 16px en cuerpo de texto para móvil.
• Subtítulos en vídeos.
• Formularios con etiquetas correctas que funcionen con lectores de pantalla.

Para verlo con más detalle, nuestra guía sobre accesibilidad web en 2026 explica qué conviene revisar.

RGPD y datos de donantes

Las ONG recogen muchos datos: información de donantes, formularios, suscripciones, datos de personas voluntarias y, a veces, información sensible de beneficiarios. El RGPD no solo aplica: en muchos casos importa todavía más por la sensibilidad del contexto.

• Política de privacidad clara y fácil de encontrar.
• Banner de cookies que ofrezca elección real.
• Datos de donantes almacenados de forma segura.
• Consentimiento claro para boletines, campañas futuras o cesión a terceros.
• Procesos documentados para acceso, rectificación y eliminación de datos.

Para una visión más amplia, nuestra guía sobre RGPD para pequeñas organizaciones y negocios cubre los puntos principales.

La web de una ONG en siete páginas esenciales

Para la mayoría de ONG pequeñas y medianas, esta estructura cubre lo que buscan donantes, beneficiarios, voluntarios y colaboradores:

1. Inicio — misión en una frase, CTA principal de donar, datos clave de impacto e historias recientes.
2. Quiénes somos — misión, valores, equipo, datos legales y acreditaciones.
3. Qué hacemos — programas y servicios organizados según lo que necesita la persona beneficiaria, no según la estructura interna.
4. Historias / Impacto — historias reales con datos generales al lado.
5. Donar — página rápida, sin distracciones, pensada para móvil.
6. Participa — voluntariado, eventos, campañas, alianzas con empresas.
7. Contacto — vías claras para donantes, beneficiarios, prensa y voluntariado.

Las organizaciones más grandes pueden necesitar páginas por programa, por zona, una tienda solidaria o una sala de prensa. Las pequeñas normalmente no necesitan mucho más. El error habitual es copiar la estructura de una organización enorme y acabar con más páginas que contenido real para llenarlas.

Errores comunes que vemos en webs de ONG

1. Página de donación que tarda demasiado en cargar en móvil.
2. No ofrecer Bizum ni pagos rápidos.
3. No explicar la desgravación fiscal.
4. Fotos de stock en lugar de imágenes reales.
5. Contenido desactualizado.
6. Impacto contado con frases vagas y sin números.
7. Problemas de accesibilidad.
8. Página de donación con menú completo, llena de fugas.
9. Experiencia móvil tratada como secundaria.
10. Sin explicación clara de a dónde va el dinero.

Uno solo de estos problemas no hunde una web. Dos o tres juntos explican por qué muchas organizaciones consiguen visitas, pero no suficientes donaciones.

Conclusión

Una web para una ONG no necesita ser enorme. Tiene que hacer cuatro cosas bien: generar confianza rápido, contar historias reales, funcionar perfectamente en móvil y eliminar cada fricción entre la intención del donante y la donación completada.

La mayoría de organizaciones ya tienen la causa, el trabajo y una comunidad que quiere ayudar. Lo que falta muchas veces no es pasión. Es una web construida alrededor del comportamiento real de un donante actual: prudente, con poco tiempo, en el móvil y buscando pruebas antes de donar.

Si quieres una mirada honesta sobre dónde tu web puede estar perdiendo donantes, y cuáles serían los dos o tres cambios con más impacto, eso es exactamente lo que revisamos en una consulta gratuita. Trabajamos con pequeñas y medianas organizaciones con propósito, y este tipo de proyectos nos importan especialmente.