All projects

Case study

Horizon Welfare

A donation and Zakat platform for a registered Bangladeshi NGO working on education, clean water and disaster relief.

Role
Backend developer
Client
Horizon Welfare Organisation
Stack
Next JSTailwind CSSShadCN UILaravelMySQL
Horizon Welfare screenshot

Overview

Horizon Welfare Organisation is a government-registered NGO in Bangladesh (NGO Affairs Bureau Reg. No. 1345). It works in villages, char islands and coastal areas across four programmes: Education for All, Sustainable Livelihoods, Clean Water & WASH and Disaster Relief.

The website is where donors give and where the organisation shows its work. People can donate to a programme or a specific campaign, calculate and pay their Zakat, follow fundraising progress, browse completed projects with real field photos and stories, and sign up to volunteer.

The challenge

A charity website has one job above all: earning enough trust that someone will give. For Horizon Welfare that meant several hard requirements at once:

  • Local payments. Most donors in Bangladesh pay with mobile wallets, not just cards, so bKash, Nagad and Rocket had to work as smoothly as card payments.
  • Zakat handled correctly. Zakat has religious rules about who may receive it, so it can’t be mixed with general donations. Donors also need help working out how much they owe.
  • Show where the money goes. Donors want to see a campaign’s goal, how much has been raised, and proof that finished projects actually happened.

The solution

Donating in seconds

The home page opens with a Quick Donation panel beside the hero, so a visitor can give without leaving the first screen. They pick a preset amount (৳500, ৳1,000, ৳2,500 or ৳5,000) or type their own, choose where it should go, add a mobile number, and donate.

Payments go through SSLCommerz, which supports cards, bKash, Nagad, Rocket and internet banking in one checkout. The site never sees or stores card details.

A Zakat calculator people can trust

The calculator walks through three steps in plain language:

  1. What you own: cash, bank and mobile-wallet balances, gold, silver, business stock, investments, and money owed to you.
  2. What you owe now: only debts and bills due now, not future instalments.
  3. Nisab standard: silver (612.36 g) or gold (87.48 g), with each threshold shown in taka and a note on why the lower silver threshold is the common choice.

A live summary beside the form shows total assets, amounts due, net zakatable wealth, the Nisab threshold and the 2.5% due. The donor can then pay that amount on the same page. The calculator states clearly that it is a guide, not a religious ruling.

The Zakat calculator: assets and debts on the left, a live summary on the right

Zakat is recorded in a separate ledger and distributed only to eligible recipients. The site says so everywhere money is involved, because that separation is what lets donors pay Zakat with confidence.

Campaigns and projects that show their numbers

Active campaigns, such as a deep tube well for a village or a Hafezi madrasa, each show a raised amount against a goal, with a direct “Donate to this campaign” button. Completed projects show the funds used, a location and a full write-up with photos and video from the field. The projects page lets visitors switch between Completed projects and Active campaigns and search across them.

Projects page with completed/active tabs, search, and field photos

Built around trust

Trust signals appear throughout the site rather than on a single page:

  • The NGO registration number in the top bar of every page.
  • A four-step “how your donation works” section: choose a cause, donate securely, we put it to work, you see the impact.
  • A “Giving you can trust” section covering secure payments, a transaction ID for every donation, the separate Zakat fund, and an option to give anonymously.
  • Impact figures, a field photo gallery, and articles such as how tube-well projects protect families from arsenic in groundwater.

Design

A clean, photo-led layout with a single deep-teal accent (#0a7aa6), Outfit for headings and Inter for body text. Real field photography does the emotional work, and the interface stays quiet around it. A “Visit our office” section with the Dhaka address and a WhatsApp contact gives donors a real place and real people to reach.

Key features

  • Quick donation from the hero: preset or custom amount, choice of cause, mobile number
  • SSLCommerz checkout: cards, bKash, Nagad, Rocket, internet banking
  • Step-by-step Zakat calculator with a silver or gold Nisab choice and a live summary
  • Separate Zakat ledger, with Zakat payable directly from the calculator
  • Campaigns with raised-versus-goal progress, and completed projects with funds used
  • Projects page with completed/active tabs and search
  • Field stories, a photo gallery, and volunteer sign-up
  • Privacy, terms and refund policies for donors