Kind Giving
A social-impact platform that streamlines campaign management for administrative staff and makes contributing easier for global donors, enhancing staff workflow efficiency and user engagement.
Project Type
Web App
Team
2 Product Designers
4 Engineers
1 Project Manager
Timeline
Ongoing
Tools
Figma
FigJam
Slack
Lyssna
Skills
UX/UI Design, IA, User Flows, Design System, A/B Testing, Wireframing, Prototyping, User Testing
OVERVIEW
Murphy Charitable Foundation (MCF), based in Bukedea District, Uganda, is a non-profit dedicated to improving the lives of disadvantaged individuals through education, health, and community development initiatives.
Background
MCF lacked a digital platform to streamline campaign creations, management, and donor contributions. Staff faced inefficient workflows, and global donors struggled to easily contribute to the causes they care about.
Problem
Solution
Designed and developed Kind Giving, a social-impact web app that streamlines campaign creation, simplifies management, and enables secure donations, improving staff workflow efficiency and user engagement.
Improved staff workflow efficiency by 60%?? by streamlining campaign management and reducing manual tasks, allowing staff to spend more time on community support.
Enhanced donor experience and transparency?, making it easier for donors to contribute confidently while tracking the impact of their contributions??
Directly benefited local communities in Uganda by connecting donor contributions to actionable initiatives, increasing engagement by 30%??
Impact - make 3 boxes to display info
Design Preview
or scroll down to view the full case study
Accessible and reliable donation experience for global donors. (Transparency?)
Launch a new campaign with a funding goal to support local underserved communities
Efficient and seamless campaign management for administrative staff
PROCESS HIGHLIGHTS
Project Kickoff - getting rid of this or present goals and contraints in a easy to read way ??
Understanding the project goals and constraints
We began the project with a meeting with MCF’s managers and the development team.
Project goals:
- Simplify Donations: Make contributing easy, intuitive, and seamless for donors.
- Streamline Campaign Management: Enable admins to efficiently create, manage, and track campaigns and funds.
- Enhance Transparency: Provide clear, real-time visibility into how donations are used.
Constraints :
With an existing UI library in place, our design needed to align with the established components and project structure to maintain consistency and facilitate smooth implementation.
Take it into consideration Local communities lack advanced mobile phones and reliable network. would be great to design a tracking system.
Digital Wallet Access: Contributions are sent to the recipient’s mobile phone using MTN Mobile Money due to local people with less advanced smart phones and 2G/3G network.
Collaborating with stakeholders and developers across multiple time zones required clear communication and proactive planning to maintain alignment and meet deadlines.
Show this as three simple illustrated cards or icons:
🎁 Simplify Donations - Make donating quick and intuitive
🧮 Streamline Management - Let admins easily create and track campaigns.
🔍 Enhance Transparency - Show clear, real-time fund usage.
——-Use a visual list with small icons and color blocks (light gray or muted background).
🧩 Design Consistency: Aligned with existing UI library and design system.
📶 Tech Constraints: Designed for users with 2G/3G network and basic phones.
💰 Digital Wallet: Used MTN Mobile Money for fund distribution.
🌐 Collaboration: Worked asynchronously across time zones with clear communication plans.
Different user types, goals, and needs
Research
We talked to our user groups to understand considering for different users different interfaces
Donors
Goals: Find meaningful campaigns that you care about and contribute easily and get receipts of their donation, see the impact of their contributions.??
Needs: A simple, intuitive donation process. One-time or reoccurring payment options.
🎯 Donors
Goals:
💖 Discover meaningful campaigns
💸 Donate easily (one-time or recurring)
📄 Get instant receipts??
🌍 See real impact of their contributions / transparency
Needs:
✅ Simple, intuitive donation flow
🔁 Flexible payment options
🔍 See transparency
🧑💼 MCF Administrative Staff
Goals:
📊 Create, edit, and track campaigns efficiently
⚙️ Oversee campaign performance with ease
Needs:
🪄 Intuitive management tools
🚀 Streamlined administrative workflows.
User Flows — get rid of this????? considering users needs
2 user How to improve their flows ???
To help the team stay on the same page, we collaborated on creating user flows: donor flows simplify campaign discovery and donations, while admin flows streamline campaign management. Visualizing these flows highlighted pain points, optimized navigation, and guided intuitive wireframes, keeping the team aligned throughout the design process.
and help direct the different interfaces for different user groups??
Explorations??
A/B testing for multistep form??? Trade off??
Pivot??? send sms or email, but sms expensive Design for Transparency for everyone??just email
DESIGN
Just show final design screens based on the feature:
Design Solutions
We created mid-fi wireframes that makes donating easy for donors and managing campaigns and funds seamless for admins. Features include streamlined donation flows and accessible campaign management tools, all designed to enhance transparency and usability.
Staff workflow efficiency: ……………………..
New user sign up flow?? not important??
Discover campaigns and make a donation getting confirmations??
Transparency: Anyone, even guests, are able to follow the trail of contributions from source to beneficiary. — Notifications and updates, optional email sign up for updates?
(from user interviews, users want to see transparency. Solution: show where they funds will go and if they are delivered, they get an update)
Visibility of Progress: Anyone, even guests, are able to see the positive effects of contributions reflected on Campaigns and Projects.
-we have King Givers and Kind Words under each campaign. On the same screen, we also feature how the campaign is helping the local community, and who the receivers are.
Design System
Developer handoff
Show collaborations!! Collaborating communicating across different time zones
The team uses an existing UI design kit (material design)
Met with developers, designers, manager weekly.
Orgnaize the design system
straight inconsistency with former components, ???
TESTING &
ITERATIONS
User testing shows users were not clear about
Iteration 01
Adding labels makes it clearer about the step
Users were confused about……
Iteration 02
We created mid-fi wireframes that makes donating easy for donors and managing campaigns and funds seamless for admins. Features include streamlined donation .
Before
xxxxxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxx
Delete this seciton?!?!
??????
Success Metrics?????
What went well?
1. xxxxxxxxxxxxxxxxxxxxxx
Areas for Improvement
After
2. xxxxxxxxxxxxxxxxxxxxxx
Before
After
3. xxxxxxxxxxxxxx
Before
After
REFLECTION
Next Steps
Fund management??? Backend will integrate with MTN mobile services. All beneficiaries will have associated phone numbers that are compatible with the service.
Take it into consideration Local communities lack advanced mobile phones and reliable network
Ongoing project do next step would be create fund management tool for staff.
Since the platform is still in development, I would measure the following success metrics during implementation:
Task Completion
Track task completion rates by each user group, to assess if they are able to complete their goals within context
Intervention Rate
Track both success and friction in teacher interventions
Tech Integration
creating a dashboard tor easier manahement? scale it tp desktop and crewate dashboard….??
Lessons Learned
xxxxxxxxxxxxx
xxxxxxxxxxxxxx
