Loading...

React.jsNode.jsExpress.jsMongoDBREST APIs

National Blood Bank System

A centralized platform that manages blood donation and inventory nationwide, connecting donors, health facilities, and administrators for efficient collection and distribution.

National Blood Bank System

The Problem

High user abandonment during onboarding and a cluttered interface that alienated target demographics.

Target Audience

Gen Z and young millennials who expect speed, transparency, and modern aesthetic.

The Goal

Create a frictionless onboarding experience and a trustworthy, scalable design system.

Role & Ownership

Frontend Developer

User Research

Conducted user interviews and analyzed drop-off data.

UI Design

Created high-fidelity mockups and interaction patterns.

UX Strategy

Defined information architecture and user flows.

Prototyping

Built interactive prototypes for usability testing.

Key Features

Donor registration and management
Blood inventory tracking and monitoring
Health facility coordination system
Real-time availability updates
Reporting and analytics dashboard
Secure role-based access control
National Blood Bank System - Feature showcase

Tools & Technologies

R
React.js
N
Node.js
E
Express.js
M
MongoDB
R
REST APIs

What I Learned

I learned how to design and implement a scalable system that coordinates blood donation and inventory management, improving availability, traceability, and operational efficiency for health facilities.