Project Overview: Zakat Calculation Platform

💡 Key Features:

• Connect your bank accounts
• Accurate asset & investment tracking
• Easy debt & expense management
• Share & stocks calculation
• One-click Zakat payment

Transforming Complex Calculations into a Seamless Digital Experience.

The Zakat Calculation Platform is a comprehensive fintech solution designed to help users calculate their annual Zakat with precision and ease. By bridging the gap between traditional religious requirements and modern financial tracking, the platform provides a guided, step-by-step journey that ensures accuracy while maintaining a clean, distraction-free interface.

Core Features & Design Solutions

1. Multi-Thematic User Interface

• Adaptable Themes: Developed both High-Contrast Dark and Clean Light modes to cater to user preference and varying lighting environments.
• Visual Hierarchy: Used a consistent layout with a left-hand navigation sidebar and a contextual right-hand FAQ panel to provide immediate assistance without leaving the workflow.

2. Guided Calculation Engine

• Step-by-Step Logic: Broke down the calculation into digestible modules: Assets (Cash, Gold/Silver), Debts, and Final Calculation.
• Formula Transparency: Integrated a dynamic header that displays the mathematical logic ($A - D = W \times 2.5\% = \text{Zakat Due}$) to build user trust and understanding of the process.

3. Comprehensive Asset Tracking

• Granular Inputs: Designed specific input fields for varied sources of wealth, including cash-on-hand, bank balances, investments, and precious metals.
• Interactive Controls: Included "Add More" functionality for multiple cash sources and toggle switches (Yes/No) for debts and investments to streamline data entry.

4. Educational Integration (Contextual UX)

• Live FAQ Panel: A dedicated section for "Frequently Asked Questions" addresses common pain points such as "How to calculate Zakat on Gold" or "What is the Nisab?" directly on the calculation screen.
• Knowledge Base: Integrated links to a deeper Knowledge Base to provide users with the religious and financial context behind the numbers.

5. Account Management & Progress

• Save as Draft: Implemented a "Save as Draft" feature allowing users to collect financial records over time and complete the calculation at their own pace.
• Personalization: Settings for "Fiqh" selection (school of thought) and currency conversion to ensure the platform is globally applicable to the diverse Muslim community.

Technical Specs (Design)

• Design Tool: Figma
• Design System: Custom-built components for dark/light consistency.
• Focus: Financial Transparency, Intuitive Navigation, and Accessibility.