ong mana.
Una plataforma que convierte visitas en donantes y donantes en socios.
Rediseno integral y desarrollo de la plataforma digital para potenciar el impacto de proyectos de cooperacion internacional en Africa y America Latina.
Beneficiarios
Personas alcanzadas en proyectos activos de cooperacion
Pagos
Donaciones puntuales y recurrentes con validacion instantanea
Carga
Next.js con App Router, SSG y optimizacion de imagenes
Gestion
CMS ligero para que el equipo actualice sin ayuda tecnica
// Plataforma web orientada a conversion solidaria
El origen & la necesidad
ONG Mana lleva anos trabajando en proyectos de cooperacion. Su web anterior era dificil de actualizar, lenta y con un proceso de donacion con demasiados pasos. El rediseno tenia que hablar el mismo idioma que su impacto.
El resultado & logros
Plataforma en produccion con mejora significativa en tiempo de carga. El equipo no tecnico puede actualizar contenidos, noticias y campanas de forma autonoma.
Recorrido visual pantalla a pantalla
Vistas reales del sistema con su propósito funcional y decisiones de interacción.
Pagina principal
Hero con impacto visual inmediato, metricas de beneficiarios y acceso directo al proceso de donacion. El objetivo: convertir en los primeros 5 segundos.
Decisiones de arquitectura y tecnología
Restricciones y problemas a resolver
- Equilibrar una interfaz de alto rendimiento con flexibilidad para que un equipo no tecnico gestione contenidos criticos en tiempo real.
- Maximizar la transparencia y tasa de conversion en las aportaciones economicas.
Solución de ingeniería aplicada
- Arquitectura modular con Next.js y Tailwind CSS, asegurando tiempos de carga sub-segundo y SEO optimizado.
- Integracion segura con Stripe y formularios reactivos para captacion de socios y voluntarios.
Proceso de donacion simplificado
Flujo reducido a 3 pasos. Stripe Checkout con soporte para tarjeta, domiciliacion y pagos recurrentes.
CMS para equipos no tecnicos
Panel de administracion ligero para publicar noticias, actualizar proyectos y gestionar campanas sin tocar codigo.
SEO y accesibilidad
Estructura semantica, metadatos dinamicos, Open Graph y contraste WCAG AA garantizado.
Arquitectura modular
Componentes independientes para anadir secciones nuevas sin romper el diseno existente.