Building Hope Project—Website Redesign

Designing for Change: Building Hope and Trust Through a Complete UX & Brand Overhaul

The Huzl app is a decentralized financial (deFi) mobile application that helps Africans leverage on the power of blockchain to perform day to day financial transactions without technical experience.

Year

2025

Role

UX Designer

Timeline

6 Months

Tools

Figma, Figjam, Photoshop, Framer

Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup

01

Problem

Building Hope Project, a Ugandan nonprofit focused on empowering youth through education, was struggling with an outdated website and brand identity. The original site lacked a compelling narrative, had outdated content, and failed to provide a clear funnel for key actions such as donations or newsletter sign-ups. Stakeholders reported that the site didn’t reflect the organization’s impact, credibility, or passion. This limited their ability to grow donations, onboard new partners, and reach the broader philanthropic community.

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

Before

02

Design Goal

The primary design goals were to:

  • Establish credibility through a professional, impactful brand identity.

  • Increase donations and newsletter sign-ups by making calls-to-action more prominent and accessible.

  • Improve usability and engagement by streamlining navigation and content.

  • Create a consistent visual system that extends across the web, email, and social media.

Build Credibility

Improve Storytelling

Increase Donations

Enhance Usability

03

Process & Decisions

I began with stakeholder interviews and a consultation questionnaire, which revealed pain points such as poor typography, outdated information, and lack of a clear story. User research focused on donor motivations—personal connection, visible impact, and credibility.

From there, I:

  • Redesigned site architecture: Developed a clear, intuitive navigation system to guide users toward “Donate” and “Get Involved.”

  • Rebranded the visual identity: Revamped logo, color palette, and typography to reflect credibility and hope.

  • Improved accessibility: Prioritized readability, responsive layouts, and faster page load times.

Discovery


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


Project showcase laptop mockup
Project showcase laptop mockup

Rebrand


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

HEX

81ADC8

81ADC8

81ADC8

HEX

HEX

HEX

044E1D

044E1D

044E1D

HEX

HEX

HEX

ED6F34

ED6F34

ED6F34

HEX

HEX

HEX

FBD859

FBD859

FBD859

Sitemap

Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup

04

Solution

Before: The old WordPress site felt static, with cluttered content, slow load times, and minimal storytelling. View Old Site

After: The new site, designed in Framer, features a streamlined architecture, bold visuals, and accessible calls-to-action. View New Site

Key improvements include:

  • Hero sections that establish legitimacy and impact.

  • Clear donation pathways with simplified user flows.

  • A cohesive brand identity visible across typography, imagery, and color usage.

Before

Outdated layout, poor hierarchy, and minimal story.

after

Bold visual storytelling and streamlined donation flow.

05

Impact/Expected Impact

Impact/Expected Impact

Impact/Expected Impact

Design Action → Metric → Business Outcome

  • Rebranded identity → Stronger perception of credibility → Increased donor trust and engagement.

  • Streamlined navigation & CTAs → Improved conversion funnel → Higher donation rates and newsletter sign-ups.

  • Content clarity & accessibility → Better storytelling → Greater alignment with the organization’s mission, leading to stronger positioning within the NGO landscape.

While long-term data collection is ongoing, early stakeholder feedback highlighted improved usability and a more authentic reflection of the organization’s mission.

06

Reflection

Reflection

Reflection

What worked:

  • The cohesive rebrand and redesigned architecture transformed the perception of professionalism and impact.

  • User-centered storytelling resonated strongly with stakeholders, aligning the digital presence with offline reputation.

What didn’t:

  • Limited usability testing before launch means opportunities for real-world feedback are still untapped.

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.

Next steps:

  • Conduct usability testing to validate navigation and donation flows.

  • Expand site features to include trip applications and impact stories.

  • Launch coordinated marketing efforts (social + email) to maximize visibility.

LET'S
COLLABORATE

©

DOMSCOTT

2025

LET'S
COLLABORATE

©

DOMSCOTT

2025

LET'S
COLLABORATE

©

DOMSCOTT

2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.