NAD South Sudan

The client, a registered development organization operating in one of South Sudan's hardest-to-reach regions, ran programs across nine sectors: peacebuilding, food security, GBV prevention, child protection, education, WASH, governance, environment, and health, but had no real website. Their only asset was a dense, unstructured organizational profile document. Donors, partners, and institutions had no fast way to verify who they were, what they actually did, or whether they were credible enough to fund or partner with. That's a critical gap for any NGO: in this sector, trust is decided in the first 10 seconds on the page, and a wall of unstructured text kills that instantly.

The brief was to turn that profile into an information system, not a brochure, something a donor could scan in under a minute and still trust, and something a community member could use to find the right program. I mapped the source document into a strict content architecture first: extracted every verifiable fact (registration number, registration body, location, mission, vision, values, all 9 program areas with their activities and outcomes) and explicitly flagged anything that wasn't in the source, like hard impact metrics and named contacts, as a placeholder rather than inventing numbers to make the site look more impressive. That distinction mattered: a fabricated stat is a liability for an NGO's credibility the moment a real funder checks it.

On the design side, I built a light, futuristic-but-restrained UI system: a hero that leads with the organization's registration and location as trust signals before any marketing copy, a scannable trust strip, and a 9-sector program visualization that shows the breadth of work at a glance instead of forcing a scroll through paragraphs. Every program got its own detail page generated from a single structured content source, with sector color, icon, activities, target groups, and outcomes all driven from one data file, so adding or editing a program never means touching layout code. An accordion component handles long-form content (FAQs, program depth) without overwhelming the page, and every section, from hero to footer, was built mobile-first with accessible contrast, keyboard-navigable interactive elements, and alt text throughout.

The result is a site that does the credibility work an NGO's homepage needs to do: registration proof, clear mission, structured programs, honest impact framing, without a single invented fact, and with a component system the client can extend as real impact data and media become available.