00 %
[ BRAND IDENTITY, UI/UX DESIGN, WEB EXPERIENCE ]

Vision Malala Foundation

CLIENT Vision Malala Foundation
SERVICES Brand Identity, UI/UX Design, Web Experience
YEAR 2025°
ROLE Lead UI/UX Designer, HTML Developer
[ 01 / OVERVIEW ]

Designing a Compassion-Driven Digital Platform for Child Welfare & Social Impact

Vision Malala Foundation is a non-profit organization dedicated to improving the lives of underprivileged children through education, nutrition, healthcare, women empowerment, and community development initiatives. Founded by Soumitra Roy Bhumi, the organization works to create equal opportunities for vulnerable children by connecting donors, volunteers, and communities through meaningful social programs.

The objective of this project was to transform Vision Malala’s digital presence into an emotionally engaging, trust-driven, and donation-focused platform that effectively communicates its mission, showcases real impact stories, and encourages public participation. The redesigned website emphasizes storytelling, transparency, project awareness, volunteer engagement, and simplified donation journeys while maintaining a compassionate and approachable user experience.

Role: Lead UI/UX Designer, HTML Developer
Client: Vision Malala Foundation
Year: 2025
Timeline: 0 Weeks
Tools Used: Figma, Photoshop, WordPress, Responsive Web Design, Design System, Interactive Prototyping, HTML, CSS, Bootstrap
Vision Malala Foundation Final UI Platform Interface Mockup
[ 02 / CHALLENGE ]

The Challenge

01

Building Trust for First-Time Donors

Visitors needed confidence that their donations would directly support genuine community initiatives. The challenge was to establish credibility through transparent storytelling, founder information, project documentation, and real impact visuals.

02

Communicating Diverse Social Initiatives

The foundation works across multiple focus areas including child education, nutrition, healthcare, women empowerment, disaster relief, and community welfare. Organizing these initiatives into a simple, easy-to-understand structure was critical.

03

Encouraging Community Participation

The platform needed to motivate visitors to become volunteers, donors, supporters, and advocates through emotionally engaging content and accessible participation pathways.

04

Showcasing Real Impact

Photographs, activity reports, blogs, videos, and beneficiary stories needed to communicate authenticity while inspiring long-term engagement from supporters and donors.

[ 03 / USER RESEARCH ]

User Research & Insights

INSIGHT 01

Emotional Storytelling Increases Engagement

esearch showed that visitors connect more deeply with real stories, photographs, and documented community impact than generic organizational messaging. Authentic storytelling significantly improves emotional engagement and encourages donations.

INSIGHT 02

Trust Determines Donation Decisions

People are more likely to contribute when an NGO transparently presents its founder, mission, completed initiatives, ongoing projects, financial accountability, and measurable community impact.

INSIGHT 03

Impact Photography Builds Credibility

Real photographs from field activities, educational programs, food distribution drives, healthcare camps, and volunteer events establish authenticity and help donors visualize the difference their contributions create.

INSIGHT 04

Multiple Participation Options Improve Conversion

Visitors engage differently based on their interests. Providing clear pathways for donations, volunteering, sponsorships, partnerships, and fundraising campaigns increases overall community participation.

INSIGHT 05

Founder Visibility Strengthens Public Confidence

Highlighting the vision and leadership of Soumitra Roy Bhumi, Founder & Member of Vision Malala Foundation, creates a personal connection with visitors while reinforcing the organization's long-term commitment to social change.

INSIGHT 06

Regular Activity Updates Encourage Returning Visitors

Publishing ongoing activities, charity events, awareness campaigns, project updates, blogs, and community achievements keeps supporters engaged while demonstrating continuous impact and organizational transparency.

INSIGHT 07

Simple Donation Experiences Increase Contributions

Reducing friction during the donation process through clear CTAs, accessible forms, QR payments, and multiple contribution methods significantly improves donation completion rates.

INSIGHT 08

Mobile Accessibility Expands Community Reach

More than 0% of visitors access NGO websites through smartphones, making responsive layouts, quick-loading pages, readable typography, and touch-friendly interactions essential for broader outreach.

[ 04 / IDEATION & LOGIC ]

Ideation & Logic

Creating a Digital Journey That Inspires Action

The experience was designed around emotional storytelling rather than organizational hierarchy. Every section encourages visitors to understand the foundation's mission, witness real impact, explore ongoing initiatives, and participate through donations, volunteering, or community support. The platform balances compassion with transparency to strengthen trust and encourage long-term engagement.

01 Discover Vision Malala

Learn about the foundation, its mission, values, and the vision of Founder Soumitra Roy Bhumi.

02 Explore Community Initiatives

Browse education, healthcare, nutrition, women empowerment, and child welfare programs making a positive social impact.

03 Witness Real Impact

Read inspiring stories, project updates, blogs, activity reports, testimonials, and success stories from beneficiaries.

04 Join the Mission

Become a volunteer, sponsor, donor, or community partner through simple engagement pathways.

05 Support Lasting Change

Contribute through donations, fundraising initiatives, awareness campaigns, and long-term community partnerships.

[ 05 / WIREFRAMES & ITERATION ]

Wireframes & Iteration

The design process began with content mapping and low-fidelity wireframes focused on storytelling, donation journeys, project organization, volunteer participation, and community engagement. Multiple iterations refined homepage storytelling, campaign sections, impact cards, donation workflows, activity galleries, founder highlights, and responsive layouts. Continuous usability testing ensured visitors could quickly understand the foundation's mission while feeling inspired to participate.

[ 06 / DESIGN SYSTEM ]

Design System & UI Kit

Compassion Through Design

The visual identity combines warm gradients, compassionate imagery, soft typography, generous white space, and accessible UI components to create an emotionally engaging experience. The design system prioritizes readability, trust, storytelling, and responsive consistency while supporting future campaigns, fundraising initiatives, blogs, and community programs.

Slate Black (#0C0C0D)
Lime Glow (#D1FF4C)
Cool Gray (#8C8E94)

Typography & Components

  • Display Title: Plus Jakarta Sans / Bold / 5.5rem
  • Section Tag: Plus Jakarta Sans / ExtraBold / 0.8rem / 0.15em spacing
  • Body Copy: Plus Jakarta Sans / Medium / 1.05rem / 1.6 lineheight
[ 07 / VISUAL DESIGN ]

Final Visual Design

[ 08 / PROTOTYPE ]

Interactive Prototype

A fully interactive prototype was developed to demonstrate the complete user journey—from discovering the foundation's mission and exploring social initiatives to reading impact stories, participating in community programs, submitting donation enquiries, volunteering, and contacting the organization. Interactive navigation, responsive layouts, and donation workflows helped stakeholders validate usability before development while ensuring a seamless experience across desktop, tablet, and mobile devices.

https://wp2.timdtech.com/
[ LIVE PREVIEW ]

Real World Project

https://wp2.timdtech.com/
[ 09 / TESTING & IMPACT ]

Usability Testing & Impact

Testing Outcomes

Usability testing involved donors, volunteers, community members, and NGO stakeholders evaluating navigation, storytelling, donation flows, project discovery, and mobile accessibility. Feedback helped simplify information architecture, strengthen trust indicators, improve campaign visibility, and optimize participation workflows. The final platform successfully transformed Vision Malala's website into a modern digital experience that strengthens community engagement, builds donor confidence, and supports long-term social impact.

  • Increased donation enquiries by 0% through emotionally engaging storytelling and simplified donation journeys.
  • Improved volunteer registrations by 0% with clear participation pathways and community-focused content.
  • Increased project engagement by 0% through organized initiatives, activity galleries, blogs, and impact stories.
  • Enhanced mobile user experience by 0% with responsive layouts, optimized navigation, and accessible interactions.
+0% Donation Enquiries
+0% Volunteer Registrations
+0% Project Engagement
+0% Mobile Experience
[ PROJECT TESTIMONIALS ]

What Clients Say About This Project

No testimonials submitted yet for this project.

Submit Your Feedback

Share your experience working with me on this project. Your review will be featured dynamically.

UP NEXT CASE STUDY MyBankBook