Case Study
Role
UX/UI Designer (Volunteer)
Timeline
Oct 2025 – May 2026
Platform
Responsive Website
Responsibilities
UX Audit , Information Architecture
Wireframing , UI Design
Design System , Developer Collaboration
Project Overview
Samawada helps remote communities access clean water. Despite their impactful work, their original website struggled to communicate their mission effectively. It lacked visual hierarchy, emotional resonance, and a clear path for donors.
My Goal : Redesign the digital experience to establish trust, modernize the brand identity, and ultimately drive more donations and volunteer sign-ups.
The Problem
After auditing the existing site and interviewing stakeholders, we uncovered four critical issues hindering growth :
Unclear Hierarchy : Users couldn't quickly understand "What we do" vs "How to help".
Weak Emotional Connection : The site felt corporate rather than community-driven.
Hidden Donations : The "Donate" CTA was buried, leading to missed funding opportunities.
Confusing Navigation : Users often hit dead ends or circular paths.
The Solution
I designed a clean, emotionally engaging system that puts the community first while ensuring business goals (donations) are met.
The new homepage prioritizing emotional imagery and clear CTAs.
Key Design Pillars:
Streamlined IA : Simplified the menu into 4 key actions: About, Work, Get Involved, Donate.
Visual Storytelling : Used high-quality on-ground photography to create empathy immediately.
Standardized System : Created a consistent spacing and typography manual to ensure the WordPress build stayed clean.
Visual Evolution (Before & After)
The transformation refocused the user experience from "reading text" to "feeling impact."
Before (Original)
Hero Section
Present of Hero section but very weak
Donation options unclear
Buttons is too small or big
Poor hierarchy, Colors too light, low contrast
Event & Other section
Minimal design; clip of Each events; no informative UI.
Little motivation to engage or register.
Limited color contrast.
Text hierarchy inconsistent.
Minimal spacing, leading to visual fatigue.
Footer, UI enhancement
Crowded layout with small partner logos.
Contact information not prominent.
Limited color contrast.
Text hierarchy inconsistent.
Minimal spacing, leading to visual fatigue.
After (Redesign)
Hero Section
Increased button size
improved spacing and contrast.
Added clear messaging and progressive disclosure
Organized donation amounts visually
Impact & Statistics
Added statistics from beneficiaries, volunteers, and located of company activated.
Added Clear card layout impact with proper size and spacing
Added Better emotional connection
Journey
Added Journey for emotional user engagement, increases donations, with tabs, improved readability, stronger visuals
Added Challenge clear pain points and strong contrasting CTA size and spacing
Challenges & Constraints
my approach
Built a modular system that balanced flexibility, stakeholder needs, and development feasibility.
The Challlenge
The project involved frequent requirement changes from stockholders, alongside technical limitations imposed by the WordPress theme.
Managed evolving stakeholder feedback through continuous UX iteration.
Adapted designs within a constantly changing organizational environment.
Collaborated remotely with developers to ensure feasible implementation.
Designed within WordPress technical and plugin constraints.
Balanced ideal UX vision with practical development realities.
The Outcome
The redesign transformed Samawada from a generic site into a compelling digital narrative.
The outcome included a clearly defined design system ready for WordPress implementation.
Improved usability through simplified navigation.
Achieved stakeholder alignment on a professional, emotionally engaging identity.
