Blood Donor

CLIENT

PERSONAL

SCOPE

Mobile App UX Strategy, UI Design, Visual Branding

Website

Donor Connect is a life‑saving platform designed to seamlessly connect blood donors with patients in need. It empowers individuals and NGOs to streamline requests and donations-with features like smart matching, user-friendly onboarding, and real-time notifications.

The Challenge

In emergency situations, time and clarity matter most. Current donation methods (calls, forms, informal groups) are slow, inconsistent, and often unreliable. Many potential donors are willing-but don't know how, where, or when to help.

Design Goals

Make blood donation accessible and intuitive

Reduce friction across onboarding and matching
Encourage retention through transparency and trust
Support both individuals and NGOs with smart features

Approach

Designing with Urgency in Mind

The experience starts with a single purpose: save time, save lives. I designed a clean, no-fuss flow where users can request or donate in under a minute-with direct prompts, bold buttons, and zero clutter.

Reframe the Narrative

We shifted the site’s focus from features to outcomes. The homepage now leads with real-world problems African businesses face-manual spending processes, lack of control, and financial inefficiencies-and positions Montra as the answer.

The content structure guides users through a clear story:

"Here’s what’s broken → Here’s what we fix → Here’s how we do it better."

Matching System & Filters

I implemented a smart filtering system (blood type, location, urgency level), enabling accurate matches and reducing wait time. The UI surfaces key details upfront, so users know exactly what’s needed.

Human-Centered Messaging

From soft confirmation screens to real-time updates and thank-you badges, the product communicates with warmth and clarity-making sure users feel safe, supported, and valued.

Built-In NGO Support

Organizations can post drives, manage donor lists, and track contributions within their dashboard-helping build a scalable ecosystem of verified requests.

Visual Language

I chose a calm but alert palette-with clean whites, deep reds, and soft gradients-balancing urgency with empathy. Rounded elements, spacious layouts, and intuitive iconography make the product feel human, not clinical.

The Solution

The final product is a modular, mobile-first experience that adapts to users’ roles-donor, requester, or organization. Every interaction is designed to reduce hesitation, build trust, and make helping feel easy.