CISEP — Sitio web institucional estratégico
Sitio estratégico de una ONG: donaciones, denuncia anónima, transparencia y voluntariado
Migración de un WordPress legacy a un sitio institucional estratégico (no meramente informativo) de 54 rutas para una ONG jesuita con 40+ años de trayectoria: capta donaciones y voluntariado, ofrece un canal de denuncia anónimo, rinde cuentas (transparencia) y sirve de vitrina de su ecosistema de apps, preservando el SEO acumulado.
01 El reto
El encargo no era rehacer la web bonita, sino convertirla en herramienta estratégica: captación de donaciones/voluntariado, un canal de denuncia anónimo y seguro, transparencia con auditorías en PDF y verificación de certificados, todo migrando desde un WordPress lento (~2.371 archivos) sin perder posicionamiento.
02 La solución
Implementé un patrón HTML-in-React que sirve la plantilla Donatix byte-exacta bajo App Router (Server Component + dangerouslySetInnerHTML) con los ~26 scripts legacy orquestados en cliente. Integré 3 formularios a Firestore con reglas de seguridad (default-deny, validación de esquema, allowlist de admins), anonimato reforzado en denuncias (sin IP/UA), honeypot y rate-limit, más redirects 301 desde el WordPress legacy.
03 Lo destacado
- 54 rutas Next.js sobre plantilla Donatix reutilizada byte-exacta
- Canal de denuncia anónima (sin IP/UA) con código de seguimiento
- 3 colecciones Firestore con reglas default-deny y allowlist de admins
- Dashboard de impacto con mapa Leaflet/OpenStreetMap
- 14 redirects 301 para preservar el SEO del WordPress legacy
- Centro de transparencia con auditorías y memorias en PDF reales
04 Galería
Hablemos de tu proyecto!