Case Study: Noora Aman Foudation

UX/UI & Website Design Case Study: Noora Aman Foundation

1. Client Overview

Noora Aman Foundation is a non-profit organization dedicated to women’s empowerment, education support, healthcare assistance, social welfare programs, and community upliftment. The foundation needed a digital presence that clearly communicates its mission, builds donor trust, and highlights the real impact of its work.

2. The Challenge

Before partnering with us, Noora Aman Foundation faced these issues:

  • No professional website to represent their mission

  • Difficult for donors and supporters to understand programs

  • No structured place to share success stories, events, or initiatives

  • Lack of trust-building elements (transparency, structure, clarity)

  • Complicated donation process, causing low conversions

The goal was to create a clean, inspiring, emotionally engaging website that motivates visitors to support the foundation.

3. Our Approach

We followed a UX-first design process, ensuring clarity, empathy, and trust at every step.

3.1. UX Research & Strategy

We focused on three primary user groups:

  • Donors who need trust, transparency, and impact

  • Volunteers who want simple onboarding

  • Communities & Beneficiaries seeking quick information

Key UX goals:

  • Simple navigation

  • Clear storytelling

  • Easy donation process

  • Highlighting authenticity and real impact

  • Fast, mobile-friendly experience

3.2. UX Wireframing

We structured the site around high-impact sections:

  • Hero Section – mission in one clear sentence

  • About the Foundation – who they are & why they exist

  • Our Causes – women empowerment, education, healthcare, relief programs

  • Success Stories – real people & real impact

  • Events & Activities – photo galleries

  • Donate Now – fast, friction-less

  • Get Involved – volunteer, partner, support

  • Contact – quick reach-out

This gave the site a clear and intuitive flow.

3.3. UI Design

Color Palette

Calm, trustworthy colors reflecting compassion & humanity:

  • Deep Blue (trust)

  • Soft White (purity)

  • Warm Gold or Teal (hope and care)

Typography

Clean, modern, easy-to-read fonts for an approachable and professional feel.

Imagery & Icons

  • Human-centered photography

  • Real activities and beneficiaries

  • Minimal icons for clarity

Visual Style

  • Soft curves and spacing

  • Friendly layout

  • Clean, non-profit aesthetic

The UI communicates compassion, trust, and hope.

4. Website Development

We built an experience that is:

  • Fully responsive

  • Fast-loading

  • SEO-friendly

  • Donation-optimized

  • Integrated with contact forms, WhatsApp, and email

  • Designed for easy content updates by the foundation team

5. Outcome

Results After Launch

  • A professional digital identity for the foundation

  • Increased donor confidence

  • Clear presentation of causes and initiatives

  • More transparency → Higher trust

  • Organized gallery and events presentation

  • Simplified donation and volunteer process

  • Stronger community engagement

The website now reflects Noora Aman Foundation’s mission with clarity, empathy, and professionalism.

Conclusion

Our UX/UI and website design transformed Noora Aman Foundation into a credible, accessible, and inspiring non-profit brand. The new platform builds trust, shows real impact, and creates a seamless path for donors, volunteers, and beneficiaries to connect with the foundation.