UX Redesign for a Nonprofit Website

The Foundation for Innovation in Healthy Food (FIHF) is a non-profit aiming to improve the nutritional value of food without changing consumer habits.

I used research to make the site speak to every user and turn visits into actions.

Scroll for the story or jump to the solution here.

CHALLENGE: Making Action Easy for All Audiences

The biggest challenge wasn’t visual but message clarity.

Its website wasn’t effectively communicating the value of the foundation to its highly diverse audience.

FIHF needed to show why their work matters to funders, scientists, and everyday people alike.

ROLE

UX Researcher & UX Copywriter

TEAM

Founder, Designer, Dev Team

TOOLS

Figma, Hotjar, Semrush, GA4

TIMELINE

March – May 2025

answering the question: What Do You Actually Do?

I started by understanding the foundation’s goals, challenges, and users. To move beyond assumptions, I combined:

  • User Interviews: Farmers, scientists, nutritionists, board members, and UX advisors.
  • Heuristic Evaluation: Full audit of usability, consistency, and conversion cues.
  • Data Analysis:
    • GA4: Set up from scratch to track acquisition, flow, and key events.
    • Hotjar: Scroll and click maps exposed low engagement and confusing navigation.
    • Semrush: Revealed poor keyword strategy — users only found the site by name.

HEURISTICS

Visibility of System Status

Users can’t easily see where they are on the site or how far they are in a process.

Match Between System and Real World

The language is too technical for many users, like farmers or the general public.

Efficiency of Use

There are no shortcuts or personalized paths for most repeated user types.

User Control and Freedom

Navigation doesn’t make it clear how to go back or undo an action.

Consistency and Standards

Links and buttons appear in different styles, which can confuse users.

Error Prevention

Forms don’t show real-time feedback or clearly mark required fields.

Recognition Over Recall

Key sections aren’t visually clear, so users must remember where to find things.

Aesthetic Design

The site looks clean but feels cold and impersonal because of heavy use of stock photos.

Help and Documentation

There’s no Help or FAQ section to guide new users.

What Real Users Told Us

From the interviews, I extracted the main needs across audiences:

  • “You need to show where this is going, not just what exists now.” – Stephen (Chairman)
  • “The structure should guide me depending on who I am.” – Steve (UX Expert)
  • “I want to see faces. Real people. Real stories.” – Marusa (Nutritionist)
  • “Young researchers want to help, but we don’t know how.” – Izuchukwu (Young Researcher)
  • “You should make it easier for farmers to see how they benefit.” – Nathan (Farmer)
  • “There’s no clear way to contact the right person.” – Nathan (Farmer-Scientist)

How UX Research reShaped a Website

  • Clarified what FIHF does and why it matters, right above the fold, so mission becomes clear.
  • Segmented navigation by audience to help self-identify and reach relevant content faster.
  • Showed scientific partners, testimonials and real results to increase credibility.

How UX Research reShaped a Website

  • Replaced impersonal visuals with real people, quotes and human stories.
  • Redesigned CTAs for clarity and consistency across pages.
  • Added key numbers and KPIs to highlight results and achievements.
  • Created “Join as a…” flows that give each group a role, a benefit, and a reason to act.

BEFORE

AFTER

NAVIGATE THE REDESIGN PROPOSAL

Let's Chat

Do you have a product idea, want to discuss a project, or need a designer? Drop me an email at hi@designbysofi.com