HopeBridge Community Learning Fund is a community-focused nonprofit supporting learners, families, and local partners through educational programs and digital access initiatives. This project focused on improving how the organization communicates its mission, connects users to support pathways, and builds trust with donors and volunteers through a clearer, more structured digital experience.
Designing a clearer, warmer, and more trustworthy digital experience for families, donors, and community partners.
Nonprofit websites often need to serve multiple audiences at once—families seeking support, donors evaluating impact, and volunteers looking to contribute. When information is not structured around these needs, users face unnecessary friction in understanding what to do next.
This redesign focused on restructuring the experience to better align with real user intent, making it easier to discover programs, understand eligibility, build trust, and take meaningful action across the site.
For community-centered organizations, a confusing website creates more than an aesthetic problem. It can slow down access to support, reduce donor confidence, and make meaningful engagement harder to start. The redesign aimed to make the site feel trustworthy, welcoming, and practical for real-world nonprofit needs.
The existing experience reflected a common challenge in nonprofit platforms: valuable information was present, but not organized around how users actually navigate and make decisions. This created friction in key journeys such as finding support, evaluating credibility, and engaging with the organization.
Important information was present, but buried in long paragraphs and broad sections.
Apply, donate, and get involved pathways were not visually prioritized soon enough.
The structure leaned toward internal organization rather than visitor intent.
Impact, reassurance, and credibility signals needed stronger placement across the site.
The site was intentionally structured around three audience groups whose goals overlap but whose needs are different at the point of entry.
Need clear access to support programs, eligibility details, and next steps.
Need trust, transparency, impact proof, and a direct donation route.
Need visible opportunities, contact routes, and ways to participate.
The research approach combined nonprofit website analysis, user expectation patterns, and usability-focused evaluation of community-facing platforms. The goal was to identify recurring friction points in navigation clarity, content structure, and action pathways, and translate those insights into a more effective and accessible user experience.
Research scenarios were built around likely nonprofit stakeholders including parents seeking educational resources, local donors evaluating legitimacy, and volunteers looking for participation opportunities.
The research combined comparative review of common nonprofit website patterns with usability-based assumptions around navigation clarity, action visibility, and content scannability.
Users needed immediate clarity about the organization’s purpose and available support before engaging with detailed content.
Families, donors, and volunteers all needed a quicker route to their next step, whether that meant applying, donating, or contacting the organization.
Impact storytelling, reassurance, and simple transparency cues were essential to make the experience feel credible and community-centered.
Mission and value proposition should be understood quickly.
Primary pathways should feel obvious and repeat consistently.
Long content should be broken into digestible, scannable modules.
Impact, support, and credibility should appear throughout the journey.
Three core personas were defined to translate research themes into design priorities. Each persona reflects a primary audience segment the nonprofit needs to support.
Parent seeking educational support · Age 38
A working parent searching for affordable educational support for her children. She values clarity, reassurance, and a simple path to understanding eligibility.
Primary goals: Find programs quickly, understand qualification, and identify the right next step.
Pain points: Dense content, unclear navigation labels, and too much reading before action.
How the redesign helps: Clearer support pathways, modular program summaries, and visible assistance options.
Community donor · Age 52
A local donor and small business owner who wants confidence that his donation will support a real, transparent, and measurable community mission.
Primary goals: Understand impact quickly, assess trust, and donate with confidence.
Pain points: Generic nonprofit language, limited visibility of outcomes, and a weak donation prompt.
How the redesign helps: Earlier trust signals, stronger impact communication, and a more visible donation path.
Volunteer and community partner · Age 27
A community-oriented volunteer who wants to help local students through tutoring, advocacy, and outreach, but needs a clearer route into the organization.
Primary goals: Understand how to help, see available opportunities, and make contact easily.
Pain points: Buried engagement information, unclear volunteer steps, and scattered contact pathways.
How the redesign helps: Consolidated get-involved sections and clearer volunteer and partner routes.
The journey map below focuses on the most critical nonprofit workflow: a parent arriving on the website in search of educational support.
The original information hierarchy was reimagined to move from an organization-led structure toward a clearer user-centered structure.
The structure communicates what the organization has, but not what users most need to do.
The revised structure surfaces the goals most likely to bring visitors to the site in the first place.
These low-fidelity wireframes were created to establish hierarchy, content grouping, and action placement before introducing refined visual styling.
Mission clarity, featured programs, impact summary, and visible donation/support pathways.
Scannable program modules, eligibility details, and a clearer next-step area.
Trust-oriented layout with impact context and a more visible action route.
Consolidated volunteer, partner, and direct contact options into one page flow.
The mission required too much reading before users could understand what the organization offered.
A clearer value proposition and stronger content hierarchy helped visitors understand the nonprofit sooner.
The information architecture reflected organizational categories more than visitor intent.
Primary actions such as support, donate, and get involved became easier to identify and access.
Important actions lacked enough visual prominence to support quick decision-making.
Key actions were surfaced earlier and repeated more consistently throughout the experience.
Impact and reassurance were present but not strong enough to guide confidence.
Impact storytelling, structure, and support cues increased credibility and emotional clarity.
The visual direction focused on clarity, structure, and approachability. The interface uses restrained color, clean typography, and modular layouts to support readability and guide users through key actions without unnecessary visual complexity.
Since nonprofit websites serve diverse audiences with varying digital comfort levels, the redesign emphasized readability, visual simplicity, and reduced friction in the main decision paths.
Headings and body text were organized for comfortable scanning.
Content blocks were visually grouped to reduce cognitive overload.
Supportive buttons and links were labeled in direct, plain language.
Repeated structures helped users learn the interface faster.
The redesigned experience improves usability by making primary pathways clearer, reducing content friction, and strengthening trust signals across the user journey.
Users could identify where to apply, donate, or get involved more quickly after navigation and homepage restructuring.
Program and support information became easier to scan after restructuring dense sections.
Donation, support, and volunteer actions were surfaced earlier and more consistently.
Impact messaging and clearer structure improved perceived credibility and confidence.
The final direction established a clearer and more credible nonprofit web experience centered on user intent, trust-building, and accessible action pathways. The work covered the full UX arc, from audience framing and journey design to information architecture, layout planning, and interface direction.
This redesign reinforced how much usability in mission-driven platforms depends on structure, clarity, and trust. When support pathways, donation flows, and community engagement routes are made easier to understand, the experience becomes more useful for the people who rely on it.
