07 / 25Social Impact / NGO
CISEP
Visit the siteStrategic institutional website
An NGO's strategic site: donations, anonymous reporting, transparency and volunteering
The project
Migration from a legacy WordPress to a 54-route strategic institutional site — not merely informational — for a Jesuit NGO with 40+ years behind it: it attracts donations and volunteers, offers an anonymous reporting channel, provides accountability through transparency, and showcases its ecosystem of apps, all while preserving the SEO built up over the years.
The Challenge
The brief was not to make the site prettier but to turn it into a strategic tool: attracting donations and volunteers, a secure anonymous reporting channel, transparency through PDF audits and certificate verification — all migrating off a slow WordPress (~2,371 files) without losing rankings.
What We Built
We implemented an HTML-in-React pattern that serves the Donatix template byte-exactly under App Router (Server Component + dangerouslySetInnerHTML), with the ~26 legacy scripts orchestrated on the client. We wired three forms to Firestore with security rules (default-deny, schema validation, admin allowlist), hardened anonymity on reports (no IP or user agent), plus a honeypot, rate limiting and 301 redirects from the legacy WordPress.
- 54 Next.js routes over a byte-exact reuse of the Donatix template
- Anonymous reporting channel (no IP/UA) with a tracking code
- 3 Firestore collections with default-deny rules and an admin allowlist
- Impact dashboard with a Leaflet/OpenStreetMap map
- 14 301 redirects to preserve the legacy WordPress SEO
- A transparency centre with real PDF audits and annual reports
Stack
Have something similar in mind?
Tell us what you need: we look at it together and propose a way forward in writing, in English or Spanish.
[email protected]