Building Hope Project—Website Redesign

Homecook—Course Project

Redesigning Building Hope Project's Website to Increase Donor Engagement and Communicate Impact

Visit Site

TL;DR
Led an end-to-end redesign of the Building Hope Project website, starting with stakeholder interviews and content audits to understand where the existing experience failed to communicate impact or guide users to action. Synthesized insights into a clearer information architecture, user flows, and messaging hierarchy, then translated those decisions into low-to-high fidelity designs and a cohesive visual system in Framer. The result is a more intuitive, mission-driven experience that tells a clearer story, builds trust, and creates a stronger foundation for future testing and iteration.

Year

Year

Year

2025

Role

Role

Role

Web & Brand Designer

Timeline

Timeline

Timeline

6 Months

Tools

Tools

Tools

Figma, Figjam, Photoshop, Framer

01

PROBLEM

PROBLEM

PROBLEM

Building Hope Project, a nonprofit empowering youth through education in Uganda, needed a digital presence that matched its mission and impact. The existing site used outdated content and visuals, lacked a clear user journey, and did not guide visitors to take meaningful actions, such as donating or subscribing. As a result, the organization struggled to communicate credibility, connect emotionally with audiences, and grow its supporter base.

“Our old site felt static and outdated — it didn’t tell our story.”
— David Curtiss, Founder

UX Audit

🔴 Critical Issues

1. Duplicate navigation items / confusing information architecture: The phrase "Our Work" is used twice on the homepage, once in the nav and again in two sections with the same title. This could confuse first-time visitors about which one to choose.

2. Duplicate social media links: Facebook, Instagram, and Twitter/X each appear twice in the footer, once in an icon row and again in a "Social" widget section. This looks like a bug or oversight and undermines professionalism.

3. The "DONATE" link goes to an internal page, but the "Donate Now" button goes to an external third-party site (GivingFuel). This inconsistency in donation flow creates confusion. There's no explanation on the donate page of what the external site is, which can trigger distrust and cause donors to abandon mid-flow.

4. The hero CTA says "Read More" and links to the blog, not to About Us or Donate. The most prominent call-to-action on the entire homepage directs visitors away from conversion and to a completely different domain (buildinghopeproject.blog). This is a major missed opportunity.

🟡 Significant Issues

No impact numbers on the homepage. The About Us page has a great stat, "over 180 students through primary school with a 95%+ retention rate," but this isn't surfaced anywhere on the homepage. This is exactly the kind of trust-building proof that should greet visitors immediately.

Vague mission statement at a glance. The tagline "INSPIRE LEADERS" and the three headline slogans are emotionally impactful but provide little information about the organization's location, the children served, or the type of education offered. Uganda is mentioned only deep within the About Us page.

"$15/month" claim with no context. The homepage states that "$15 a month" supports a child's education, which is compelling, but it lacks a detailed breakdown, comparison, or story. What exactly does $15 provide? Visitors require specifics to feel confident in their contributions.

Blog lives on a separate domain. The Blog nav item links to buildinghopeproject.blog a completely separate site. This creates a disjointed experience and breaks the site's continuity. Users who click it may feel they've left the organization's site entirely.

02

SOLUTION

SOLUTION

SOLUTION

Before vs. After

  • Before: A static WordPress site with cluttered content, weak hierarchy, and limited storytelling. Old Site

  • After: A redesigned Framer site with streamlined content flow, bold visuals, purposeful animations, and clear calls-to-action. New Site

Key improvements:

  • Impactful hero sections that immediately communicate mission and credibility.

  • Clear donation pathways with simplified user flows and prioritized actions.

  • Consistent brand system that reinforces trust through typography, imagery, and color.

🟢 What's working well

1. The navigation is now clean and logical: Home, About, Impact, Get Involved, Blog, Contact Us. "Our Work" no longer appears twice. The structure maps to a real user journey.

2. The footer is well-organized with distinct sections (About, Get Involved, Get Help, Social) and no repeated links.

3. Partially Resolved: The website now features a dedicated "Get Involved / Donate" page, which is a significant improvement. However, the donation button still redirects users to GivingFuel, an external site. While this is understandable for a small nonprofit, including a brief explanation about the secure external payment processor would help reduce any hesitation potential donors might have.

4. The hero now has a clear "Learn More" link pointing to the About section, and a persistent "Donate Now" button sits in the top navigation on every page. 

5. The Homepage now displays impact numbers: The redesign prominently features animated counters for hours of leadership training, meals provided since 2012, and students sponsored. The impact section appears well above the fold.

6. Shows geography context early: The hero copy now explicitly states, "Since 2012, BHP has worked to elevate the gifts, abilities, and strategies of young leaders in Uganda." This is front and center.

7. Providing context for the monetized request: The redesign replaces the vague "$15/month" claim with a clear breakdown: "$20/month sponsors a primary student" and "$30/month sponsors a secondary student." This makes the information more concrete and credible.

8. The blog is now fully integrated at buildinghopeproject.org/blog with real article cards (e.g., "Stella's Story") visible right on the homepage.

03

DESIGN GOALS

DESIGN GOALS

DESIGN GOALS

My objectives for this project were to:

  • Establish a professional, cohesive brand identity that conveyed trust and impact.

  • Increase donations and newsletter sign-ups by clarifying calls-to-action and user journeys.

  • Improve usability by simplifying navigation, content structure, and readability.

  • Build a consistent visual system that could scale across digital touchpoints (web, email, social).

Build Credibility

Improve Storytelling

Increase Donations

Enhance Usability

04

PROCESS &

PROCESS &

PROCESS &

DECISIONS

DECISIONS

DECISIONS

To ground the redesign in real needs, I started with stakeholder interviews, a consultation questionnaire, and a UX audit. These revealed issues with outdated content, unclear storytelling, and poor visual hierarchy. I then conducted user-focused research to understand donor motivations, emotional triggers, and barriers to engagement.


Discovery


Constructed a consultation questionnaire with the founder and chairperson in addition to a stakeholder survey for the board members.


Discovery


Constructed a consultation questionnaire with the founder and chairperson in addition to a stakeholder survey for the board members.

From this research, I took three core design actions:

  • Redesigned site architecture — Created a clearer navigation and funnel to guide users toward meaningful actions like Donate and Get Involved.

  • Rebranded visual identity — Updated logo, colors, and typography to reflect trust, optimism, and impact.

  • Improved accessibility and usability — Enhanced readability, responsive layouts, and page performance.

Sitemap

In the rebranding process, I aimed to retain some key elements while making a bolder statement to better reflect trust, hope, and vibrancy.

BEFORE

AFTER

HEX

HEX

81ADC8

81ADC8

HEX

81ADC8

HEX

HEX

FBD859

FBD859

HEX

FBD859

HEX

HEX

HEX

ED6F34

ED6F34

ED6F34

HEX

HEX

044E1D

044E1D

HEX

044E1D

05

IMPACT

IMPACT

IMPACT

Design → Metric → Outcome

  • Rebrand identity → More professional and hopeful visuals → Higher donor trust and engagement.

  • Simplified navigation & CTAs → Easier paths to action → Improved donation and subscription conversion.

  • Clear content & accessibility → Stronger storytelling → Better connection with mission and partners.

06

REFLECTION

REFLECTION

REFLECTION

What Worked

  • A cohesive rebrand and improved architecture elevated the site’s credibility and better reflected the organization’s mission.

  • Storytelling tied to user motivations strengthened emotional engagement and aligned online presence with stakeholder expectations.

Opportunities for Growth

  • The launch included limited usability testing — expanded research post-launch will validate flows and uncover refinements.

Business meaning

A clear, credible digital presence strengthens the Building Hope Project’s ability to raise funds, attract partners, and position itself as a serious NGO within the education and youth development space.