Case study · 02
Space for Wildlife
A conservation organisation in Kenya, with a clearer content structure and a Flutterwave donation flow.
- Year
- 2024
- Role
- IA, UX/UI, Framer build, donation integration
- Stack
- Framer · NGO · Donations · Kenya
01 · The brief
What the client needed.
Space for Wildlife needed a site that could tell its story more clearly, surface fieldwork, and accept local-currency donations through Flutterwave.
02 · Discovery & IA
Structure, audience and sitemap.
The main question was how to balance story and action. The site needed space for fieldwork, campaigns and organisational context, but it also needed to make donating feel natural. Discovery focused on what visitors needed to understand first, what could sit deeper in the site, and how content could support both trust and momentum.
Sitemap · spaceforwildlife.org
06 routes · 05-step donate flow
- ·Donate is a flow, not a page: five sequential steps captured as URL states for analytics + drop-off measurement.
- ·Field updates and Our Work share a content model (location, species, status, gallery) tagged by programme.
03 · Wireframes & UX
From wireframes to prototype.
The wireframes focused on pacing. I used them to shape how story, imagery, proof and donation prompts would appear across the site, making sure the journey felt inviting rather than heavy-handed.
Donate flow wireframe
Hi-fi · /donate
- 01Persistent crumb: Home › Donate › Step 02 of 05
- 02Single-question-per-step keeps friction low
- 03Local-currency presets (UGX, KES) before custom amount
- 04Flutterwave handoff replaces the form on step 04
04 · Outcome
What changed after launch.
The site gave the organisation a clearer way to tell its story, surface work from the field and support donations, while leaving the team with a manageable publishing workflow after handover.
