HeartReach | Sahana Urs

HeartReach – NGO Donation Platform

Duration: 2 Weeks | Tools Used: Figma | Role: UX/UI Designer

Figma Link

2. Research

User Interviews

Donors (5 participants): Wanted trust, transparency, and quick payments.

Key Insights:

70% of donors feel unsure about where their money goes.
Users prefer one-time donations, but 40% are open to monthly recurring donations if impact is clear.
Simplicity & trust badges/impact stats strongly influence donation decisions.

Competitive Analysis

Studied donation platforms like GiveIndia, Milaap, GoFundMe.

Findings:

They lack personalized dashboards for donors.
Impact stories are scattered, not highlighted.
Limited emphasis on NGO profiles.

1. Introduction

Problem Statement:

Many NGOs struggle to collect donations online due to lack of trust, transparency, and complex payment processes. Donors want to ensure their contributions truly make an impact but often face confusing interfaces, limited payment options, and no visibility on how their donation is used.

Goal:

Design a transparent, simple, and engaging donation platform where donors can:

Discover verified NGOs across categories.
Easily donate through multiple payment options.
Track the real impact of their donations.
Stay connected through newsletters and success stories.

3. User Persona

Persona: The Trust-Seeker (Donor)

Name: Santosh, 49

Goal: Wants to donate but needs assurance about authenticity.

Pain Point: Doesn’t know if funds reach the right place.

4. User Journey

Lands on homepage → Sees featured causes + impact stats.

Browses NGO profiles (education, healthcare, etc.).

Clicks Donate Now → Multiple payment options.

Sees confirmation + thank you message.

Tracks donation history & impact on donor dashboard.

5. Information Architecture

Homepage: Hero banner, featured causes, impact stats, testimonials, CTA.

NGO Profiles: Verified NGOs with story, impact, donation button.

Donation Flow: NGO → Payment page → Confirmation.

User Dashboard: Donations, impact, receipts, profile.

Footer: Quick links, newsletter, social icons.

6. Wireframes

Low-fidelity sketches → Iterated → High-fidelity designs in Figma.

Focused on clean UI, easy flows, bold CTAs.

7. Visual Design System

Color Palette:

Main: #2E7D32 (Green – trust, growth)

Secondary: #1565C0 (Blue – reliability, transparency)

Accents: White, light gray backgrounds

Typography:

Headings: Bold, friendly Sans-serif

Body: Clean, readable font

11. Results & Impact

Simplified donation flow (3 steps).
Increased trust with verified NGOs & donor dashboards.
Improved retention via newsletter + testimonials.

12. Future Scope

AI-based donation recommendations.
Gamified donor badges/levels.
Mobile app version for faster donations.

13. Conclusion

HeartReach successfully bridges the gap between donors and NGOs by focusing on simplicity, transparency, and emotional storytelling. It empowers donors to see their real-world impact, making the donation journey rewarding and trustworthy.