The Gerald Nwoye Foundation has run healthcare and education programs across four Nigerian states since 2014, but none of that work was visible online because the foundation had no website. This case study explains how we approached non-profit website design in Nigeria, what the site needed to do, and what changed after launch.
The foundation partners with the National Health Insurance Scheme to enroll families in affordable health coverage. It runs free health insurance programs for women and supports HIV/AIDS awareness, youth development, and community education initiatives.
Why the Lack of a Website Was Costing the Foundation
The foundation depends on donor trust, volunteer recruitment, and institutional partnerships. Without a website, those goals were harder to reach:
- Potential donors could not verify the foundation’s work.
- Grant applications had no professional web presence to point to.
- Volunteers had no way to sign up.
- The real-world impact was invisible to anyone outside the foundation’s existing network.
The brief was clear: build a website that tells the foundation’s story honestly and makes it easy for people to get involved. We delivered it in under two weeks.
What the Foundation Needed From Its Website
This was not a simple brochure site. The foundation runs five core programs across healthcare, education, women’s empowerment, and youth development. Each one needed its own space on the site with real stories and real impact data. The site also needed to:
- Communicate the mission with clarity and emotional weight
- Showcase measurable impact through statistics and community photography
- Provide a straightforward path for online donations
- Enable volunteer sign-ups and partnership inquiries
- Work flawlessly on mobile, which is how most of the Nigerian audience browses
- Load fast on the slower network connections common in the communities the foundation serves
Design Decisions for a Trust-Driven Non-Profit Site
The foundation works in healthcare and education, two areas where trust is everything. Every design decision was filtered through one question: does this build credibility?
Color and Layout
We chose a deep navy and white color palette. Navy conveys trust, authority, and professionalism without feeling cold. White space keeps the content readable and stops the site from feeling cluttered, despite the amount of information it needs to carry.
Typography
Typography pairs Sora for headings with Inter for body text. Both are clean and highly readable, even at smaller sizes on mobile screens. We avoided decorative fonts entirely, because a foundation’s website needs to feel serious, not trendy.
Real Photography Only
Every photograph on the site is real: real community outreach, real healthcare delivery, real people. There are no stock photos. This was a deliberate choice. When a potential donor lands on the site, they need to see actual impact, not a generic image of someone smiling in a lab coat.
How We Structured the Site
The information architecture follows the visitor’s natural decision-making process.
Homepage: Opens with “Empowering Lives, Creating Futures” over a community health image. Within seconds, visitors understand who the foundation is and what it does. Below the hero, a “Who We Are” section gives the concise version, followed by the four core program areas presented as numbered cards, an impact dashboard showing states served and programs running, and a featured initiative spotlight on the NHIS Free Health Insurance for Women partnership.
Programs: Each of the five core programs has its own dedicated section: Healthcare Access, Education, Women’s Empowerment, Youth Development, and Community Outreach. Every section explains what the program does, who it serves, and the measurable outcomes it has delivered.
Gallery: High-resolution photography from actual fieldwork. This section does more for donor conversion than any amount of copy. Seeing a real vaccination drive in a real community tells the story better than words can.
Get Involved: Three clear pathways: donate, volunteer, and partner. Each has its own flow with minimal friction. We followed one rule: no action should require more than two clicks from the homepage.
Technical Approach to Fast Loading on Mobile Data
We built the site on Next.js with Tailwind CSS, as we do for many of our website projects. Server-side rendering ensures fast initial page loads, which matters when the audience is browsing on mobile data in Nigerian states where 4G coverage is inconsistent.
Image optimization was critical. The site is image-heavy by design, because those real community photos are a key trust signal. We used the Next.js Image component with automatic WebP conversion and lazy loading. Pages load fast even on 3G connections.
Every page has proper metadata, Open Graph tags, and structured data for search engines. For a foundation that needs to be discovered online, SEO was not optional. It was built into the architecture from the start, not added after launch.
Security was non-negotiable because the site handles donor information. We implemented HTTPS everywhere, secure headers, and best practices for protecting sensitive data.
Results of the Non-Profit Website Build
We delivered the complete website in under two weeks, from the first design conversation to a live production site at geraldnwoyefoundation.org. The foundation went from zero digital presence to a professional platform that matches the scale of its mission.
- Online donations increased 40% in the first quarter after launch
- All five core programs now have dedicated sections with real stories and impact data
- Volunteer and partnership inquiries are coming through the site for the first time
- The foundation now has a credible digital presence it can reference in grant applications and institutional meetings
- A mobile-optimized experience that serves its primary audience effectively
You can see more of our shipped client work on our portfolio page.
“They operated like an extension of our team. Weekly updates, clear communication, and they pushed back when our ideas would hurt the user experience. That is the kind of partner we needed.”
Gerald Nwoye, Founder, Gerald Nwoye Foundation
What This Project Taught Us About Non-Profit Websites
Non-profit websites have a unique challenge. They need to do the work of a corporate site (build trust, drive action, communicate value) while also telling a deeply human story. The balance between professionalism and warmth is delicate. Lean too far toward corporate, and the mission feels hollow. Lean too far toward emotional, and the organization feels amateur.
The Gerald Nwoye Foundation project sits right in that balance. It is professional enough for institutional partners, warm enough for individual donors, and clear enough for anyone landing on the site for the first time.
Frequently asked questions
How long did the Gerald Nwoye Foundation website take to build?
The complete website was delivered in under two weeks, from the first design conversation to a live production site. The timeline covered the whole project, including design, build, and launch.
What results did the foundation see after launch?
Online donations increased 40% in the first quarter after launch. Volunteer and partnership inquiries also began arriving through the site for the first time, and the foundation gained a professional web presence to reference in grant applications.
Why did the site use real photos instead of stock images?
Potential donors need to see actual impact before they give. Every photograph on the site comes from real community outreach and healthcare delivery, which builds more trust than generic imagery would.
What technology was used to build the site?
The site was built on Next.js with Tailwind CSS. It uses server-side rendering for fast page loads and the Next.js Image component with automatic WebP conversion and lazy loading, which helps pages load quickly on mobile data.
If your organization is doing meaningful work but your online presence does not show it, tell us about your project and we will talk through what a site like this would need to do for you.
