Building Bridges of Compassion with Mawakhat-e-Madina
Helpline Welfare Trust
Since 1992, Helpline Welfare Trust has served communities across Pakistan with education, health, clean water, disaster relief, and welfare services — guided by the timeless principle of Mawakhat-e-Madina.
Visit ProjectOverview
We designed and built a complete, donation-focused website for Helpline Welfare Trust with international online payments integrated into a local Pakistani bank (UBL Pay). The platform highlights projects, campaigns, and impact statistics while enabling secure one-time and recurring donations from worldwide donors. It includes donor accounts, receipts, Zakat/Sadaqah selections, volunteer onboarding, and an admin CMS for causes, campaigns, and media.
Services Provided
Objectives
Build a complete donation website with international card payments through a local bank gateway (UBL Pay).
Showcase campaigns, causes, and projects with clear CTAs (Donate, Volunteer, Sponsor).
Provide donor accounts with receipts, tax-friendly statements, and recurring donations.
Enable admin users to manage campaigns, payouts, content, and media via a secure CMS.
Approach
We implemented a conversion-first donation flow with clear CTAs across projects and campaigns. Payments are integrated with UBL Pay for international Visa/Mastercard support, including webhooks for reliable settlement updates. A custom CMS powers causes, impact stats, and news, while a donor CRM tracks giving history, recurring plans, and receipts. The stack prioritizes speed (Next.js), security (server-side validation, HMAC signing), and scalability (queue-backed webhooks, Redis caching).
Frontend (Next.js + Tailwind)
Responsive, accessible UI focused on donation conversions and clarity across pages like About, Causes, Campaigns, Join Us, and Donate.
Global nav with quick access: About Us, Projects, Muwakhat, Campaigns, Join Us, Registration, Contact, Donate Now.
Hero messaging and Core Values (Sincerity, Service & Commitment) with strong calls to action.
Impact counters (Beneficiaries, Donors, Supporters, Volunteers, Reformers, Offices) displayed prominently.
Location & Presence sections (Lahore, Karachi, Hyderabad, Gojra, Bahawalpur, Abbottabad).
Backend (Node.js + Express + PostgreSQL)
Structured APIs for donations, receipts, recurring plans, campaigns, volunteers, and content objects (news, events, media).
Campaign types: Education, Health, Clean Water, Disaster Management, Ration Program, Blood Donation, Islamic Activity.
Projects module: Al-Kitab Education System, Orphanage Home, Vocational Training Centers, School Network (own & adopted).
Events & News feeds with scheduling and auto-publishing.
Dynamic impact metrics with admin overrides and audit logs.
Payments (International via UBL Pay)
End-to-end UBL Pay integration for global Visa/Mastercard with local bank settlement in PKR.
Hosted checkout + server-to-server API with HMAC signatures and IP allowlisting.
One-time and recurring donations (monthly/quarterly/annual) with retry logic.
Webhook handling (BullMQ queue) for payment status, refunds, and chargebacks.
Zakat/Sadaqah/General donation routing to correct ledgers and receipts.
Additional local options displayed (JazzCash/EasyPaisa, Cash Pickup, Bank Transfer) with clear instructions.
Donor Accounts & Receipts
Donors can register, track donations, download receipts, and manage recurring plans.
Branded PDF receipts with donation purpose, campaign, and tax-friendly summaries.
Address book for multiple beneficiaries (e.g., education sponsorship).
Saved payment references (tokenized by gateway).
Email notifications for successful payments, receipts, and plan reminders.
CMS & Admin Dashboard
Role-based admin to manage content, campaigns, and reconciliations.
Create/edit campaigns, upload images, define goals and progress bars.
Manual reconciliation tools for bank deposits & cash pickups.
Volunteer applications workflow (review, shortlist, onboarding).
Newsletter management with double opt-in and export to CSV.
Compliance, Security & Geo Controls
Built-in controls to keep the org and donors safe.
Age & residency checks; ToS/Privacy consent at signup.
PCI-DSS scope minimized via hosted fields/redirect; no raw card data stored.
Rate limiting, CSRF protection, server-side validation, audit trails.
GDPR-style data rights: export, delete, and communication preferences.
SEO & Performance
Optimized to reach donors globally while loading fast on low bandwidth.
Structured data (Organization, WebSite, FAQ, Article) for better discovery.
Image optimization, ISR/SSG for high-traffic pages, lazy-loaded media.
CLS/LCP tuned with font preloads and edge caching.
Multilingual readiness for future Arabic/English expansions.
FAQs & Help
Donor-friendly FAQs integrated into the site with search and categories.
How to donate (international cards via UBL Pay), receipts, refunds.
Zakat eligibility and fund allocation transparency.
Volunteer registration and sponsorship programs.
Support contact: info@helpline.org.pk, +92-42-3515 7374.
Results
beneficiaries
donors
supporters
volunteers
reformers
offices
Conclusion
The Helpline Welfare Trust platform delivers a secure, conversion-focused donation experience with international payment acceptance via UBL Pay and a robust CMS for campaigns and impact storytelling. It equips Helpline to scale fundraising, engage volunteers, and transparently report outcomes — all while honoring the vision of Mawakhat-e-Madina.
