Al Bayan for Donations
Al Bayan for Donation: Empowering Generosity, Transforming Lives – Connecting compassionate donors with meaningful causes to create lasting positive change in communities through support, care, and sustainable development.
Client:
Company Owner
Date:
January 1, 2025
Type:
Landing Page
Role:
Product Designer
Project Overview
Introduction
Al Bayan for Donation is a modern, user-friendly platform that simplifies the donation process, ensuring transparency, trust, and accessibility for donors and beneficiaries. The goal was to create an intuitive experience that allows users to donate easily while ensuring donations reach those in need effectively.
Objectives
Streamline the donation process for a seamless user experience.
Build trust through transparency with real-time donation tracking.
Enhance engagement by making the platform accessible and visually appealing.
Problem I have faced
Lack of transparency – Donors are unsure where their money goes.
Complex donation processes – Difficult forms and payment methods discourage giving.
Limited user engagement – No personalized experience for returning donors.
Designing Al Bayan for Donation started with deep user research, uncovering key pain points—complex processes, lack of transparency, and engagement issues. I brainstormed solutions, prioritizing quick and intuitive donation flows. I conducted user interviews and surveys to understand donor behavior.





Primary Persona: Amal Hassan (Generous Donor)
Age: 35 | Occupation: Business Owner
Tech Usage: Frequently donates online, prefers mobile apps.
Pain Points:
Wants clarity on how donations are used.
Prefers quick and secure transactions.
Needs regular updates on donation impact.
Competitor Analysis
I studied existing donation platforms to identify strengths and gaps.
Findings:
Many platforms lack a clear impact-tracking system.
Complex forms discourage small donations.
Limited mobile-first designs hinder accessibility.

To create an intuitive experience for Albayan for donations users, I’ve developed a clear Information Architecture (IA). Think of the IA as the roadmap that organizes the platform’s content and features logically, guiding users to easily navigate between sections like donating, exploring causes, and learning about the platform. The IA ensures users find what they need quickly, with a seamless flow that enhances usability. Below, I’ll walk you through the structure to give you a better understanding of how it all connects.

Using low-fidelity wireframes, we mapped user journeys, ensuring seamless navigation and one-click donations. Our UI design focused on clarity, trust, and ease of use.

I then developed interactive prototypes, testing them with real users to refine the experience. Every iteration made donating simpler and more engaging.
From research to launch, our goal was clear: empower donors with a smooth, trustworthy platform that makes giving effortless. 🌍💙
✨ Bringing Al Bayan to Life!
After rounds of research, wireframing, and testing, the final UI design is here! 🎉 I've crafted a clean, modern, and user-friendly interface that makes donating easier than ever. With intuitive navigation, quick donation options, and a seamless user experience, every detail is designed to build trust and encourage generosity.
Smooth process, clear steps, and a beautiful design—because giving should feel as good as making a difference!
Take a look at the final screens and let me know what you think! 👀👇



