← Back to PortfolioCase Study · Nonprofit

Impact Africa Foundation

A credible digital home for an African education foundation: telling its story, surfacing its work, and turning visitors into supporters.

Homepage of impactafricafoundation.org — education foundation platform
Client
Impact Africa Foundation (IAF) — non-profit, non-political NGO, Lagos
Sector
Nonprofit · Foundation · Social impact
Engagement
Full website design & build
Delivered by
Inventrium — IBSS
Stack
Next.js · Sanity CMS · Vercel · modular section-based design system

At a glance

Impact Africa Foundation is a Nigerian NGO, incorporated in 2015, working across three pillars: education, mentoring and advocacy. It runs a mentorship network, school-talk forums, a continental oratory contest and a school-equipping programme, and it depends entirely on the generosity of individuals, organisations and the public to fund that work. The Foundation needed a website that did three things at once: tell its mission credibly, present its initiatives and the people behind them, and make it genuinely easy to support the cause.

Inventrium designed and built impactafricafoundation.org — a multi-page foundation platform with a four-slide story hero, a CMS-driven activity newsroom, consolidated Initiatives and Participate sections, a leadership page, and a clear, frictionless “Fund Us” donation flow spanning suggested amounts, USSD and direct bank transfer.

We gave a mission-driven foundation a digital home that earns trust, explains its work, and converts goodwill into action through a clean donation flow and obvious ways to get involved.

The brief

Impact Africa Foundation describes itself as a not-for-profit, non-political organisation committed to advancing education across Africa: inspiring young people, supporting less-privileged children, and promoting public knowledge on good governance and responsible citizenship. Its work rests on three pillars — Education, Mentoring and Advocacy — and is funded entirely by well-spirited individuals, organisations and the general public.

For a foundation that runs entirely on goodwill, the website is not a brochure: it is the front door to trust and funding. A would-be donor, volunteer or mentor arriving online has to be able to answer, quickly: is this organisation real and credible? What exactly does it do? Who is behind it? And how do I actually help? The site needed to:

  • Establish credibility for a foundation that asks the public for money and time.
  • Tell the mission and programmes clearly across education, mentoring and advocacy.
  • Put faces to the organisation — founder, trustees and ambassadors — because governance and people make a nonprofit fundable.
  • Make giving and getting involved frictionless: a donation route and clear volunteer / mentor paths, not a dead-end “contact us.”
  • Stay current: a place to publish activity updates and stories so the Foundation looks alive, not archived.

Objectives

  1. Build trust at first glance — a warm, professional identity and structure that read as a legitimate, well-run foundation worth supporting.
  2. Tell the three-pillar story — translate Education, Mentoring and Advocacy into a clear page hierarchy a first-time visitor can navigate.
  3. Showcase the initiatives — present the four flagship programmes as distinct, understandable stories.
  4. Convert visitors into supporters — a clear, low-friction donation / “Fund Us” flow plus obvious volunteer and mentor routes.
  5. Surface the people and governance — a leadership page covering the founder, trustees and ambassadors.
  6. Keep the site alive — a self-service newsroom for activity updates and stories.
  7. Build for performance, SEO and longevity on a modern, maintainable stack.

What we did

A warm, trustworthy identity

We built a green-led identity — a vivid #2f9e44 primary over a deep#14532d, with an #f59f00 accent — on the Inter typeface. Green reads as growth, optimism and the continent itself; the palette stays warm and human rather than corporate-cold, which matters for an organisation asking the public to give. A consistent layout template and story-led homepage carry that tone across every page.

A clear, supporter-first information architecture

The site was organised around how a visitor decides to help, not around an org chart. The navigation consolidates the work into intuitive groups: About, Initiatives (the four programmes as anchors), Participate (Volunteer, Mentor/Mentee, Donate), Blog and Contact, with a dedicated Leadership page. Folding programmes under “Initiatives” and action routes under “Participate” keeps a content-rich foundation legible instead of sprawling.

A story-led homepage

The homepage opens with a four-slide hero that states the mission in the Foundation’s own voice, each slide routing to Get Involved or Our Initiatives. Below it, an invitation CTA, a CMS-driven Activity Updates grid, an achievements stats band, a carousel of the four projects, and a closing Support Our Mission donation CTA together walk a visitor from “who they are” to “how I help” in a single scroll.

Programme storytelling

The consolidated Initiatives page leads with a four-card overview, then tells each programme in its own right — the IAF Mentorship Programme, Surpass My Lead, Mind Seed Implantation Project and Equip a School — as anchored, alternating text-and-image sections, each ending in a relevant call to action. It turns a list of programme names into four distinct, fundable stories.

A clear donation / “Fund Us” flow

The Fund Us page is where goodwill becomes action. We gave it a pull-quote intro, a “Ways to Donate” card set explaining the four giving types, and a deliberately frictionless two-step donation panel: the donor optionally picks a suggested amount (₦5,000 / ₦10,000 / ₦25,000 / ₦50,000, or a custom figure), then proceeds to reveal payment details — a USSD code that pre-fills the chosen amount with a tap-to-dial shortcut on mobile, and direct bank-transfer details with a “send proof of payment” step. Account details are gated behind the explicit “Proceed” click, mirroring how the Foundation actually collects donations rather than implying an online card gateway it does not operate.

Obvious “get involved” routes

Beyond giving, the Participate page presents three clear paths — Volunteer, Mentor/Mentee and Donate — each as its own section, with the volunteer and mentee paths wired to the Foundation’s existing application forms and the donate path routing into Fund Us.

A leadership & governance page

A dedicated Leadership page puts faces and credentials to the Foundation: a founder feature for Taiwo Oyedele, a Board of Trustees card set with photos and bios, and an Ambassadors section. For a nonprofit, this is not vanity — visible, credentialed governance is one of the strongest trust signals a prospective donor reads.

A self-service newsroom

Activity updates and stories are powered by Sanity CMS, so the Foundation can publish news without a developer in the loop. The homepage surfaces the latest items; the Blog page presents the fuller feed. A living updates stream keeps the organisation looking active and accountable.

What was achieved

  • A credible foundation platform — a multi-page site that reads as a legitimate, well-governed NGO, answering “is this real and worth supporting?”.
  • The mission, told in three pillars — Education, Mentoring and Advocacy as a navigable story, each of the four flagship initiatives given its own fundable narrative.
  • A frictionless way to give — a “Fund Us” flow with suggested amounts, USSD tap-to-dial and direct bank transfer, reflecting how the Foundation actually receives donations.
  • Clear routes to participate — volunteer and mentor/mentee paths wired to live application forms, so interest converts into sign-ups.
  • Visible leadership and governance — founder, trustees and ambassadors presented with photos and credentials.
  • A living, self-managed newsroom — the team can publish activity updates and stories independently.

Impact

For supporters and donors: giving became obvious and trustworthy. A visitor can understand the cause, see the people behind it, choose how their gift is used, and complete a donation through the methods the Foundation genuinely uses, without friction or guesswork.

For the Foundation: a credible digital footprint that matches the seriousness of its mission, plus the independence to keep it current. The site consolidates story, programmes, people and giving into one coherent front door, and the team can keep it alive without engineering help.

For beneficiaries and the wider community: every clearer story and every removed point of friction in the donation and volunteer paths is, ultimately, more support flowing toward scholarships, school equipping, mentorship and advocacy — the work that reaches students and schools across the continent.

Strategically: the platform is now part of the Foundation’s fundraising and credibility infrastructure — the canonical place its mission is explained, its governance is shown, and its supporters are converted. Built on a modular platform, it can grow with new programmes, stories and giving routes rather than needing to be rebuilt.

Why it matters for Inventrium

This engagement shows us translating a mission-driven organisation’s purpose into a platform that actually performs: credible identity, clear programme storytelling, visible governance, a self-service CMS newsroom, and a frictionless donation flow modelled honestly on how the client really collects funds. It is a strong example of building for the nonprofit sector, where trust and conversion matter as much as design.

Raising support for a cause?

We build foundation platforms that earn trust and turn goodwill into giving.

Chat on WhatsApp