← Product Design

2025 · Lead UX Designer · Website · Mobile-first

Changers Website Design

CHANGERS connects social-initiative advocates with development opportunities across Africa. I led the end-to-end design: a scalable system, dual user journeys, and an accessible mobile-first experience for campaign discovery, donations, and impact tracking.

The problem

People want to support campaigns, but they often cannot tell how their money is used. Online donations feel risky without transparency. Corporate CSR teams struggle to find causes that match their values and to track the impact of what they give. Others are simply overwhelmed by options.

That pointed to a platform that could serve individuals, corporations, and community leaders at once: easy discovery, a clear donation path, and real-time reporting so giving feels connected rather than opaque.

Research and discovery

Discovery covered stakeholder interviews, user surveys, competitive analysis, and data analysis. The core persona was a Community Advocate: 25–50, based in urban and suburban Nigeria (Lagos, Abuja, Port Harcourt), with disposable income or a CSR budget.

Four voices kept coming back. A social advocate needed updates to feel connected to the campaigns she backed. A creative would not donate without knowing exactly how funds were used. A CSR manager needed campaigns that aligned with company values and a way to monitor contributions. A young professional wanted to find causes quickly and engage beyond a one-off payment.

How CHANGERS helps followed from that: campaign discovery, transparent impact tracking, streamlined donations, and community engagement. The information architecture stayed simple — landing, discovery, donation, impact tracking, profile — with a focus on reducing steps, not adding features.

Changers research board: discovery activities, community advocate persona, four user quotes, and a simple user-architecture flow.
Discovery, personas, and a flow built around simplicity.

Ideation and visual language

The hero line is “Be Someone’s Hero.” Early wireframes compared a split layout against a centered one before locking a full-bleed image of hands coming together, with the campaigns sitting directly underneath.

Type is Optima for titles and Gothic A1 for interface copy. The palette runs teal into blue so the product feels civic and calm rather than like a checkout. Accessibility was a design constraint: contrast, readable type, screen-reader compatibility, and keyboard navigation. Emotional design sat beside that — real stories and photography so each campaign feels like people, not a form.

Changers ideation board: hero wireframes, laptop mockup of Be Someone's Hero, Optima and Gothic A1 type, teal and blue palette, accessibility and emotional design notes.
Hero exploration, type, palette, and the principles behind the look.

Product experience

Campaign cards lead with the cause, then category, progress, amount raised, and a single Donate action. The campaign page for Providing School Supplies for 200 Students in Abeokuta puts the story and photo first, with progress, Donate Now, and an itemised basket beside it on desktop. On mobile those modules stack under the image.

Creating a campaign is three steps: title, category, and location; items and budget; then preview and publish. The dual journeys — people giving and people running campaigns — share one system so neither side has to learn a different product.

Changers product board: campaign card anatomy, campaign detail page, desktop versus mobile, and a three-step create-campaign flow.
Cards, the campaign page, responsive layout, and create-campaign.

Usability test and what to watch

Five participants, ages 25–45, ran core tasks: registration, finding a cause, donating, creating a campaign, and reading impact information. Time on task was recorded so drop-offs and slow steps were visible, not guessed.

After launch, the metrics that matter are task success and abandonment, time to complete registration and donation, where people leave the donate flow, and whether the same tasks stay usable on phone, tablet, and desktop.

Changers usability board: task-time table, participant notes, recommendations, and four post-launch metric cards.
Test tasks, recommendations, and the metrics to keep watching.

Also on Behance

Download CVBehanceLinkedinGithub