YANA international

YANA international

Clarifying Mission, Simplifying Giving

Clarifying Mission, Simplifying Giving

Clarifying Mission, Simplifying Giving

Collaborative website redesign to help visitors instantly understand the impact and donate without obstacles

Project snapshot

Project snapshot

YANA International is a nonprofit connecting vulnerable children with long-term family and community support. The existing website made its mission difficult to understand and created unnecessary friction between learning about the organization and making a donation.

Role: UX Designer
Team: 4
Scope: Information architecture · Brand system · Responsive web · Donation flow
Timeline: 4 months

The challenge

The challenge
The challenge

Help first-time visitors understand YANA's mission quickly—and turn that understanding into a clear path to action.

Help first-time visitors understand YANA's mission quickly—and turn that understanding into a clear path to action.

Help first-time visitors understand YANA's mission quickly—and turn that understanding into a clear path to action.

From mission to action

From mission to action

I focused the redesign on three moments that shaped a visitor's decision to engage: finding information, understanding YANA's impact, and contributing.

01

01

FIND

FIND

FIND

Find the right information

Navigation / information architecture

02

02

UNDERSTAND

UNDERSTAND

UNDERSTAND

Understand the mission and impact

Homepage / mission storytelling

03

03

GIVE

GIVE

GIVE

Contribute confidently

Donation experience

  1. Make the organization easier to understand

I focused the redesign on three moments that shaped a visitor's decision to engage: finding information, understanding YANA's impact, and contributing.

Before

After

Overlapping pages → Clear hierarchy
Inconsistent labels → Intent-based language
Buried actions → Persistent Donate CTA

Overlapping pages → Clear hierarchy
Inconsistent labels → Intent-based language
Buried actions → Persistent Donate CTA

  1. Make the mission clear at first glance

The redesigned hero makes YANA's purpose immediately visible, connects it with human imagery, and introduces a contribution path without requiring visitors to search for it.

Before

After

Mission-first headline

Mission-first headline

A clear, human-centered message that communicates YANA’s purpose in seconds.

A clear, human-centered message that communicates YANA’s purpose in seconds.

Immediate donation options

Immediate donation options

Giving options are visible in the hero, reducing the steps to contribute.

Giving options are visible in the hero, reducing the steps to contribute.

Authentic storytelling

Authentic storytelling

Real imagery and impact-focused content build emotional connection and trust.

Real imagery and impact-focused content build emotional connection and trust.

  1. Reducing friction at the moment of giving

Donation is the organization's primary conversion. The previous experience separated emotional motivation from the transaction and introduced unnecessary decisions before checkout.

Before

After

Donation amount presets

Donation amount presets

Reduce decision effort.

Reduce decision effort.

Monthly / one-time choice

Monthly / one-time choice

Make recurring support visible without forcing it.

Make recurring support visible without forcing it.

Impact context beside the form

Impact context beside the form

Keep the reason for giving visible at the decision point.

Keep the reason for giving visible at the decision point.

Clear primary CTA

Clear primary CTA

Remove competing actions.

Remove competing actions.

Next case study

One Bison

One Bison

One Bison

Evolving a values-based directory into a commerce-ready marketplace.

Evolving a values-based directory into a commerce-ready marketplace.

View Case Study

View Case Study