The Problem
A nonprofit whose mission was clear, whose work was real, and whose digital presence was nowhere near strong enough to carry either.
Threads for iKasi Foundation was built on a simple, urgent truth: in South Africa, a missing school uniform is not a minor inconvenience. It is the reason a child stays home. It is the gap between attendance and absence, between dignity and exclusion. The foundation was doing real work on the ground, distributing uniform sets, hygiene packs, and jerseys to learners in communities across Gauteng.
But a cause this clear deserves a platform that matches it. The existing digital presence was not keeping pace with the ambition of the organisation or the multiple giving paths they needed to support. Individual donors, corporate partners, and monthly contributors all had different motivations and different entry points. A single undifferentiated page was not going to serve any of them well.
The challenge for Clekzo Studio was not simply to build a website. It was to build a platform that could hold three distinct initiatives, four giving models, real testimonial video content, and a corporate sponsorship structure, without ever losing the human story at the centre of all of it.
"When the brand is the cause, the website cannot afford to waste a single moment of a visitor's attention."
The Approach
Mission-first architecture. Every page, every section, every CTA serves one purpose: move a visitor from awareness to action.
The strategic framing came early: this is not a charity website. It is a conversion platform for a cause. A charity website is often built around the organisation. A conversion platform is built around the visitor and the one decision they are about to make. That distinction shaped every structural choice that followed.
Initiative as Entry Point
The 1000 Uniforms Campaign, Dignity Packs, and Fudumala Jersey Drive each have their own dedicated page, their own messaging, and their own payment path. Each initiative is a distinct emotional ask. It gets the space to make its own case.
Donor Segmentation
Three giving tabs in a single support section: corporate tiers from R12,000 to R120,000, individual packages, and monthly recurring options from R250. Three real donor profiles served from one interface, without any one feeling secondary.
Static by Design
No framework. No build step. No runtime to fail. Pure HTML, CSS, and vanilla JavaScript ensures the platform loads instantly on any device and any connection. For a cause whose supporters often arrive on budget Android phones over mobile data, reliability is not optional.
Storytelling as the Conversion Mechanic
A YouTube mission film sits in the hero before any donation ask. Three testimonial video cards, a school teacher, a uniform sponsor, and a community donor, live further down the page as modal triggers, served natively with no third-party player and no autoplay. The decision to give is an emotional one. The layout was designed to earn it.
Selected Screens
A cause this clear deserves a platform this direct.
Homepage hero: the mission video loads above the fold, before any donation prompt
Our Impact in Communities: the ask comes after the evidence, not before it
Three initiatives, three cards, three clear entry points for supporters
Mobile: five-tab bottom nav, sticky CTA always within thumb reach
Corporate tiers: clear impact per level, direct PayFast payment path
Testimonials: a school teacher and two uniform sponsors speak before any further ask is made
Under the Hood
Three initiatives. Four giving paths. Video testimonials. All of it in plain HTML, CSS, and a few hundred lines of vanilla JavaScript.
The visual system centres on turquoise and gold: warm, energetic, and deliberately distinct from the navy-and-white defaults of most nonprofit digital design. Every heading is a statement. Every paragraph earns its place.
The homepage carries video early and deliberately. A YouTube embed of the foundation's mission film sits in the hero section, before any donation ask is made. This is not decoration. Visitors who watch even thirty seconds of that film are far more likely to act than those who scroll past it. Storytelling is the conversion mechanic, and the layout puts it front and centre.
JSON-LD structured data marks the organisation as a registered NGO with a physical address, founder, and mission statement. For a cause that depends on reach, being machine-readable is part of the work.
Frontend
Integration
Zero deps
No framework, no build
3 initiatives
Each with its own platform
4 giving paths
Corporate, individual, monthly, EFT
Impact
A platform that reflects the seriousness of the work being done on the ground.
Donors can find the initiative they connect with most, understand what their contribution does in precise terms, and complete a payment in three steps. Corporate partners can assess tiers, understand impact per level, and initiate a conversation without a phone call.
The platform is maintained without a developer. New campaign content is updated in plain HTML files. The absence of a build system is not a limitation. It is a deliberate decision that keeps the organisation in control of its own presence without ongoing technical dependency.
The work of this foundation happens in classrooms and community halls in Tembisa. The website's job is to make sure the people who want to support that work can always find it, understand it, and act on it without friction.