Two very different audiences, one website
The organisation needed to appeal simultaneously to institutional donors (who would arrive on desktop, expect formal credibility, and look for impact reports and financial transparency) and to community members (who would arrive on mobile, read in either language, and want to know about programmes and events near them).
Most NGO websites at the time were either too formal (alienating these audiences) or too informal (not credible to external funders). The brief was to bridge that gap.
Language toggle, trust signals, mobile-first structure
A JavaScript-powered language toggle switches all page text between English and the second language without a page reload. Content is stored in a simple JS object keyed by language — no CMS complexity, no translation API costs.
For institutional donors: an impact stats section, a downloadable annual report, team photos, and a clear "About our work" narrative. For their readers: programme descriptions in plain language, an events calendar, and a WhatsApp contact button that opens a pre-filled message.
What was delivered
- Homepage with hero, impact counters, programmes overview, team section
- Language toggle (no page reload, persists across pages)
- Donation form integrated with the payment gateway (mobile wallets + cards)
- Events calendar with add-to-Google-Calendar link per event
- Annual reports download section (PDFs stored on Cloudflare R2)
- Programmes page with individual programme detail sections
- Team page with photos, bios, and contact links
- Contact form + embedded Google Maps location
- WhatsApp CTA on every page (primary communication channel)
- Schema.org NGO + LocalBusiness JSON-LD for search visibility
The stack
A site that works for both audiences
The language toggle was the feature that most impressed the client — the ability to reach community members in their preferred language without maintaining a separate website. Donations via mobile wallets began within the first week of launch.
The site has since been used in grant applications as a credibility reference, with at least two funders citing it as a factor in their due diligence process.