Hajjah Naziha Muslim Charity
Designing a Scalable, Cart-Based Islamic Donation Platform
Client: Hajjah Naziha Muslim Charity
Website: http://hajjahnaziha.org/
Role: UX Strategy, Product Architecture, UI Design & Development
Overview
Hajjah Naziha Muslim Charity needed a secure, scalable online donation platform capable of serving both local and international donors. The organization required more than a basic donation form — they needed a flexible system that could support Islamic giving structures such as Zakat and Qurbani, recurring contributions, and multi-project campaigns.
The goal was to design and build a digital donation ecosystem that combined religious alignment, technical reliability, and modern e-commerce functionality.
The Challenge
The platform needed to support:
- Up to 12 donation projects
- Multi-donation cart checkout
- Monthly, bi-monthly, and annual subscriptions
- Zakat contributions
- “Pay What You Want” flexibility
- Animal-equivalent Qurbani donations for Muslim holidays
- Secure integration with Authorize.net and PayPal
- Fully structured transactional pages
Most nonprofit sites rely on single-transaction donation forms. This project required building a scalable donation infrastructure that behaves like an online store while maintaining emotional clarity and trust.
Strategy & System Architecture
After stakeholder interviews and competitive analysis, I defined three strategic pillars:
1. Flexible Giving
Donors needed multiple ways to contribute:
- Quick donations
- Project-based donations
- Zakat
- Qurbani equivalents
- Custom amounts
- Recurring subscriptions
The system had to support all of this without overwhelming the user.
2. Cart-Based Donation Model
Instead of using a traditional donation plugin, I architected the platform using WooCommerce as the donation engine.
Each donation type functions as a structured product, allowing donors to:
- Add multiple projects to cart
- Complete one secure checkout
- Select subscription frequency
- Combine donation types seamlessly
This architecture provides scalability and clean subscription management.
3. Trust & Credibility
Trust signals were embedded throughout the journey:
- SSL encryption
- Recognizable payment gateways
- Clean confirmation flows
- Transparent campaign presentation
- Structured transactional emails
For a religious nonprofit handling international funds, credibility was non-negotiable.
UX & Design Process
All UX research, user flows, and interface systems were designed in Figma before development began.
User Journeys Mapped
- Quick Donation → Checkout
- Project Donation → Add to Cart → Continue Giving → Checkout
- Zakat → Add to Cart → Checkout
- Subscription → Recurring Setup
The experience was designed mobile-first and optimized for clarity and speed.
Key UX Improvements
- Preset donation amounts + custom input
- Subscription toggle options (monthly, bi-monthly, annual)
- Minimal checkout steps
- Clear impact messaging
- Structured cart summary before payment
The goal was to reduce friction and increase donor confidence.
Technology Stack
The platform was built using:
Core Platform
- WordPress — CMS foundation
- Elementor + Native Block Editor — Hybrid layout system for flexibility and performance
Donation & Subscription Engine
- WooCommerce — Core cart-based donation system
- WPSwings Subscriptions — Recurring payment logic
Payment Integrations
- Authorize.net — Secure card processing
- WPS PayPal Integration — Alternative donor payment method
Both gateways support:
- One-time payments
- Recurring subscriptions
- Secure API-based processing
The system was tested extensively in sandbox environments before going live.
Performance & Impact
For ethical and confidentiality reasons, financial amounts and total donation figures cannot be publicly disclosed.
However, measurable improvements include:
📈 Donation Growth
After launch, the organization reported that donation volume effectively tripled compared to the previous system.
⚡ 65% Faster Donation Time
The new UX reduced the average time to complete a donation by approximately 65%.
A donation can now be completed in:
- ~2 minutes for returning donors
- ~3 minutes including new card/payment entry
This speed was achieved by:
- Cart-based consolidation
- Reduced form friction
- Optimized checkout structure
- Clear call-to-action hierarchy
📊 Organic Visibility Growth
Over a 12-month period, the platform showed consistent organic traffic improvement and stabilization following structural optimization and campaign indexing.
(See traffic graph shown above.)
The site now maintains stronger digital presence and campaign discoverability.
Testing & Optimization
Before launch, I conducted:
- Multi-product cart validation
- Subscription behavior testing
- Payment gateway sandbox validation
- Mobile responsiveness testing
- Checkout friction analysis
- Functional testing across all donation types
Special care was given to recurring billing reliability and ensuring accurate subscription logic across both payment systems.
Final Outcome
The platform delivered:
- A scalable multi-project donation infrastructure
- One-checkout multi-donation capability
- Structured recurring giving system
- Islamic-compliant donation structures
- Faster donation completion time
- Increased donor trust and digital credibility
The organization now operates with a sustainable, expandable fundraising system that can grow alongside its mission.
What This Project Demonstrates
This project reflects my ability to:
- Translate cultural and religious requirements into technical systems
- Architect WooCommerce beyond traditional e-commerce use cases
- Design frictionless recurring donation flows
- Integrate secure multi-gateway payment systems
- Lead UX strategy, design, and full-stack implementation