YOUNG YU

Home

About

Execution

Opening Ceremony with Chancellor and 40+ high value donors and alumni.

Execution

Opening Ceremony with Chancellor and 40+ high value donors and alumni.

Execution

Opening Ceremony with Chancellor and 40+ high value donors and alumni.

Execution

Opening Ceremony with Chancellor and 40+ high value donors and alumni.

Business Impact

Success Metrics

This participatory donor experience drove a 127% increase in kiosk-based micro-donations, inspired a new tradition of donating the university's founding year amount, and led to a 3× increase in interview participation requests from major donors.

Business Impact

This participatory donor experience drove a 127% increase in kiosk-based micro-donations, inspired a new tradition of donating the university's founding year amount, and led to a 3× increase in interview participation requests from major donors.

128%

Donation Contracts ↑

300%

Major Donor Interviews ↑

Went viral naturally

Ongoing benchmarking visits

Takeaways

Learnings

Designing for a new device experience beyond mobile and web pushed me to think beyond standard design processes.
To encourage donations and engagement, the design needed to prioritize emotional resonance—happiness, pride in giving, and a sense of community—rather than simply functional completion.

This project involved high uncertainty and complex stakeholder dynamics, reinforcing my belief that navigating ambiguity and synthesizing diverse perspectives into a cohesive system is where impactful design happens.

Unlike personal mobile or web experiences, the donor wall was a shared, public installation used by people of all ages and abilities.
Many major donors were senior alumni, and the space was frequently visited by families and children.

Due to time constraints, accessibility testing was limited. If revisiting this project, I would prioritize inclusive usability research to ensure the experience is accessible and meaningful for everyone.

Designing for a new device experience beyond mobile and web pushed me to think beyond standard design processes.
To encourage donations and engagement, the design needed to prioritize emotional resonance rather than simply functional completion.

This project involved high uncertainty and complex stakeholder dynamics, reinforcing my belief that navigating ambiguity and synthesizing diverse perspectives into a cohesive system is where impactful design happens.

Designing for a new device experience beyond mobile and web pushed me to think beyond standard design processes.

To encourage donations and engagement, the design needed to prioritize emotional resonance rather than simply functional completion.

This project involved high uncertainty and complex stakeholder dynamics, reinforcing my belief that navigating ambiguity and synthesizing diverse perspectives into a cohesive system is where impactful design happens.

Unlike personal mobile or web experiences, the donor wall was a shared, public installation used by people of all ages and abilities.

Many major donors were senior alumni, and the space was frequently visited by families and children.
Due to time constraints, accessibility testing was limited. If revisiting this project, I would prioritize inclusive usability research to ensure the experience is accessible and meaningful for everyone.

Learnings

Designing for a new device experience beyond mobile and web pushed me to think beyond standard design processes.

To encourage donations and engagement, the design needed to prioritize emotional resonance rather than simply functional completion.
This project involved high uncertainty and complex stakeholder dynamics, reinforcing my belief that navigating ambiguity and synthesizing diverse perspectives into a cohesive system is where impactful design happens.

Unlike personal mobile or web experiences, the donor wall was a shared, public installation used by people of all ages and abilities.
Many major donors were senior alumni, and the space was frequently visited by families and children.

Due to time constraints, accessibility testing was limited. If revisiting this project, I would prioritize inclusive usability research to ensure the experience is accessible and meaningful for everyone.

Donation Data Visualization

Users can intuitively understand their donation level and overall donation status through the donation data visualization screen, without needing to contact the office.

Donation Symbols

Symbols for Each Donation Step

More than $30m

More than $1000k

More than $10m

More than $100k

Less than $1k

More than $10k

Donation Data Visualization

Symbols for Each Donation Step

More than $30m

More than $1000k

More than $10m

More than $100k

Less than $1k

More than $10k

Donation Data Visualization

Implementation

The largest group of small donors (contributing less than $1K) is represented by sparkling symbols, creating a shimmering effect when the donation data is visualized.

We created and delivered a donation data visualization guideline to the engineering team to ensure the successful implementation of our design.

The largest group of small donors (contributing less than $1K) is represented by sparkling symbols, creating a shimmering effect when the donation data is visualized.

We created and delivered a donation data visualization guideline to the engineering team to ensure the successful implementation of our design.

Implementation

The largest group of small donors is represented by sparkling symbols, creating a shimmering effect when the donation data is visualized.

Delivered data visualization guidelines and collaborated with engineers throughout implementation.

The largest group of small donors is represented by sparkling symbols, creating a shimmering effect when the donation data is visualized.

Created and delivered a donation data visualization guideline to the engineering team.

The largest group of small donors is represented by sparkling symbols, creating a shimmering effect when the donation data is visualized.

Created and delivered a donation data visualization guideline to the engineering team.

Implementation

The largest group of small donors is represented by sparkling symbols, creating a shimmering effect when the donation data is visualized.

Delivered data visualization guidelines and collaborated with engineers throughout implementation.

The largest group of small donors is represented by sparkling symbols, creating a shimmering effect when the donation data is visualized.

Created and delivered a donation data visualization guideline to the engineering team.

Iterative Design Validation with Stakeholders

Three Iterative Design Validation with Stakeholders

Conducted three rounds of UX validation and iterative refinement to ensure experiential clarity and design integrity. Validated placement, layout, scale, and visual hierarchy across production-ready interfaces.

Validated placement, layout, scale, and visual hierarchy across production-ready interfaces.

Three Iterative Design Validation with Stakeholders

Validated placement, layout, scale, and visual hierarchy across production-ready interfaces.

More Featured Work

Location-based remote work community

TAGS

Grand winner

design system

AI ingredient checker for vegetarian shopping

TAGS

ai product design

1st author (hci)

More Featured Work

Location-based remote work community

TAGS

Grand winner

design system

AI ingredient checker to improve vegetarian grocery shopping

TAGS

ai product design

1st author (hci Journal)

Turning Donations into Donor Profiles

After making a donation, users can register their profile in the system as a donor and participate in the Name Search interaction.

Interactive Donor Recognition Scenario

Kiosk-to-Digital Wall Experience Flow

Digital Wall Name Search: A moment of donor recognition

The donor’s symbol blinks and glows, drawing attention to their presence.

Their symbol and name pop out from the location where they are displayed.

The symbol icon rotates and enlarges, gradually filling the screen with its color in a seamless transition.

As the transition completes, the symbol rolls in from the right side of the screen, dynamically moving toward the left.

As the symbol moves, it unveils the donor’s name and contribution details through a masked transition effect.

A fade-in effect introduces the donor’s interview or recognition details, remaining visible for 3 minutes before fading out.

Digital Wall Interaction

By allowing participation from all level of donors, the design lowers the barrier to donation transforming giving into an inclusive, participatory experience.

Design Language System

Showcases our recognition of donors.

Enables users to experience the meaningful value of giving.

Ensures that every interaction and the entire space create a seamless, connected experience.

Objectives

Redefining the donor experience that the donor wall space aims to provide.

Graphic Development

Graphic Development:

Redefining the donor experience that the donor wall space aims to provide. Applied the design language across the kiosk and donation data visualizations to create a unified experience.

Core Value

Together

Connect

Expand

Individual modules come together and form an entire graphic system.

Extracting various symbols from within the system and incorporating them into graphics.

A module representing an individual member.

Graphic Motif

Designed to allow messages to emerge naturally throughout the space as you experience the interaction.

Graphic Motif

Designed to allow messages to emerge naturally throughout the space as you experience the interaction.

Designed to allow messages to emerge naturally throughout the space as user experience the interaction.

Turning Donations into Donor Profiles

After making a donation, users can register their profile in the system as a donor and participate in the Name Search interaction.

Interactive Donor Recognition Scenario

Kiosk-to-Digital Wall Experience Flow

Digital Wall Name Search: A moment of donor recognition

The donor’s symbol blinks and glows, drawing attention to their presence.

Their symbol and name pop out from the location where they are displayed.

The symbol icon rotates and enlarges, gradually filling the screen with its color in a seamless transition.

As the transition completes, the symbol rolls in from the right side of the screen, dynamically moving toward the left.

As the symbol moves, it unveils the donor’s name and contribution details through a masked transition effect.

A fade-in effect introduces the donor’s interview or recognition details, remaining visible for 3 minutes before fading out.

Digital Wall Interaction

By allowing participation from all level of donors, the design lowers the barrier to donation transforming giving into an inclusive, participatory experience.

Design Language System

Showcases our recognition of donors.

Enables users to experience the meaningful value of giving.

Ensures that every interaction and the entire space create a seamless, connected experience.

Objectives

Redefining the donor experience that the donor wall space aims to provide.

Graphic Development:

Redefining the donor experience that the donor wall space aims to provide. Applied the design language across the kiosk and donation data visualizations to create a unified experience.

Core Value

Together

Connect

Expand

Individual modules come together and form an entire graphic system.

Extracting various symbols from within the system and incorporating them into graphics.

A module representing an individual member.

Graphic Motif

Designed to allow messages to emerge naturally throughout the space as you experience the interaction.

Designed to allow messages to emerge naturally throughout the space as user experience the interaction.

Turning Donations into Donor Profiles

After making a donation, users can register their profile in the system as a donor and participate in the Name Search interaction.

Interactive Donor Recognition Scenario

Kiosk-to-Digital Wall Experience Flow

Digital Wall Name Search: A moment of donor recognition

Digital Wall Interaction

By allowing participation from all level of donors, the design lowers the barrier to donation transforming giving into an inclusive, participatory experience.

“The love of each person gathers to become the whole, and the whole in turn supports and illuminates the individual. This is Donor Wall, a space that connects all university members from the past to the present, and from the present to the future.”

Kiosk Outcome

Kiosk Overview

Designed the kiosk as a community discovery experience.

Kiosk Overview

Designed the kiosk as a community discovery experience.

Home GUI
Motion graphic video promoting the meaning of Donor Wall and university history

Home GUI:
Motion graphic video promoting the meaning of Donor Wall and university history

Home GUI
Motion graphic video promoting the meaning of Donor Wall and university history

Find Your Nameplate on the Wooden Wall:
Locate your engraved wooden nameplate among those on the wall.

Find Yourself on the Digital Wall
Locate your name and symbol within the donor visualization.

Go to Development Fund Homepage:

For major donations, donors preferred alternatives to card payments, so by providing QR code, donor’s were encouraged to contact the Office of External Relations directly.

Home GUI
Motion graphic video promoting the meaning of Donor Wall and university history

Find Yourself on the Digital Wall
Locate your name and symbol within the donor visualization.

Go to Development Fund Homepage:

For major donations, donors preferred alternatives to card payments, so by providing QR code, donor’s were encouraged to contact the Office of External Relations directly.

Background

Donor’s Wall is a wall space consisting of a large media wall and wooden plaques of donors to honor the university's donors. As the number of donors increased over time, a renewal project was carried out to extend the wooden plaques to the ceiling and install kiosks to encourage small donations via credit/debit card.

Impact

Went viral naturally

micro-donations of 1,886 KRW tied to name searches at the donor wall

Ongoing benchmarking visits from leading universities in Seoul

128%

increase in small donations

30%

fundraising growth (HappyFund)

300%

growth in major donor interviews

Impact

Went viral naturally

micro-donations of 1,886 KRW tied to name searches at the donor wall

Ongoing benchmarking visits from leading universities in Seoul

128%

increase in small donations

30%

fundraising growth (HappyFund)

300%

growth in major donor interviews

DURATION

9 Months

ROLE

Product Design Lead

CONTRIBUTION

End-to-End UX/UI Design

Flexible Visual Identity System

Production-Stage Quality Assurance

Product Launch

GOAL

Interactive giving ecosystem, where space, data, and participation converge.

The Donor Wall was perceived as a static space because the digital wall was always turned off and donation data was inaccessible.

I redefined the Donor Wall into a scalable, interactive giving experience by integrating the digital wall, kiosk, and wooden analog nameplates into one connected interaction design system. This allowed donors of all scales to see, engage with, and participate in giving intuitively.

Problem

The Donor Wall was perceived as a static space because of inactive digital wall and inaccessible donation data.

As is

Inactive · Fragmented · Inaccessible

To be

Interactive · Connected · Inclusive

Solution
I redefined the Donor Wall into a scalable, interactive giving experience by integrating the digital wall, kiosk, and wooden nameplates area into one connected product. This allowed donors to see, engage with, and participate in giving intuitively.

Problem

The Donor Wall was perceived as a static space because of inactive digital wall and inaccessible donation data.

Solution

I redefined the Donor Wall into a scalable, interactive giving experience by integrating the digital wall, kiosk, and wooden nameplates area into one connected product. This allowed donors to see, engage with, and participate in giving intuitively.

Problem & Solution

As is

Inactive · Fragmented · Inaccessible

As is

Inactive · Fragmented · Inaccessible

To be

Interactive · Connected · Inclusive

To be

Interactive · Connected · Inclusive

As is / To be

Problem & Solution

As is

Inactive · Fragmented · Inaccessible

To be

Interactive · Connected · Inclusive

Solution
I redefined the Donor Wall into a scalable, interactive giving experience by integrating the digital wall, kiosk, and wooden nameplates area into one connected product. This allowed donors to see, engage with, and participate in giving intuitively.

Problem

The Donor Wall was perceived as a static space because of inactive digital wall and inaccessible donation data.

Solution

I redefined the Donor Wall into a scalable, interactive giving experience by integrating the digital wall, kiosk, and wooden nameplates area into one connected product. This allowed donors to see, engage with, and participate in giving intuitively.

Problem & Solution

As is

Inactive · Fragmented · Inaccessible

To be

Interactive · Connected · Inclusive

As is / To be

Design Process

Including having a multiple meeting with clients, align and refine

Empathize

Secondary Research

Field Research

Identifying Key Users

Ideate

User Flow

Story Board

Wireframe

Define

User Interview

Personas

Ideate

Prioritization

Iteration

Rapid Prototype

User Testing

Hi-fi Prototype

QA Testing

Launching

Design Process

Including having a multiple meeting with clients, align and refine

Empathize

Secondary Research

Field Research

Identifying Key Users

Ideate

User Flow

Story Board

Wireframe

Define

User Interview

Personas

Ideate

Prioritization

Iteration

Rapid Prototype

User Testing

Hi-fi Prototype

QA Testing

Launching

Design Process

Including having a multiple meeting with clients, align and refine

Empathize

Secondary Research

Field Research

Identifying Key Users

Ideate

User Flow

Story Board

Wireframe

Define

User Interview

Personas

Ideate

Prioritization

Iteration

Rapid Prototype

User Testing

Hi-fi Prototype

QA Testing

Launching

Problem & Solution

The Donor Wall was perceived as a static space because of inactive digital wall and inaccessible donation data was.

I redefined the Donor Wall into a scalable, interactive giving experience by integrating the digital wall, kiosk, and wooden nameplates area into one connected product. This allowed donors to see, engage with, and participate in giving intuitively.

123-4567-8901

If you wish to receive a donation receipt or register as a donor, please enter your mobile number below to receive a confirmation message.

Mobile

Number

Donate Now

Donate

You have donated 30,000 KRW Happy Fund.

We sincerely appreciate your contribution. Your generosity makes a difference.

For Inquiries: ☎ 02-3277-2890

Donate

Donate Now

Select Your Donation Amount

20,000 KRW

10,000 KRW

30,000 KRW

Custom Amount

Key Features

Direct No-cash Donation via KIOSK

Users can select their preferred fund type and amount, complete the donation at the kiosk, and receive a donation receipt upon entering their information. Their details will then be added to the donor list.

After making a donation, users can register their profile in the system as a donor and participate in the Name Search interaction.

Design Process

Including having a multiple meeting with clients, align and refine

Empathize

Secondary Research

Field Research

Identifying Key Users

Ideate

User Flow

Story Board

Wireframe

Define

User Interview

Personas

Ideate

Prioritization

Iteration

Rapid Prototype

User Testing

Hi-fi Prototype

QA Testing

Launching

Interactive Donor Recognition Scenario

By allowing participation from all donors, even with a $1 contribution, the design lowers the barrier to donation. This transforms giving into an inclusive, participatory experience that drives higher engagement and repeat interaction.

By allowing participation from all level of donors, the design lowers the barrier to donation transforming giving into an inclusive, participatory experience.

Digital Wall Name Search: A moment of donor recognition

Kiosk-to-Digital Wall Experience Flow

Please look at the digital wall

The donor’s symbol blinks and glows, drawing attention to their presence.

Their symbol and name pop out from the location where they are displayed.

The symbol icon rotates and enlarges, gradually filling the screen with its color in a seamless transition.

As the transition completes, the symbol rolls in from the right side of the screen, dynamically moving toward the left.

As the symbol moves, it unveils the donor’s name and contribution details through a masked transition effect.

A fade-in effect introduces the donor’s interview or recognition details, remaining visible for 3 minutes before fading out.

The symbol icon rotates and enlarges, gradually filling the screen with its color in a seamless transition.

As the transition completes, the symbol rolls in from the right side of the screen, dynamically moving toward the left.

As the symbol moves, it unveils the donor’s name and contribution details through a masked transition effect.

A fade-in effect introduces the donor’s interview or recognition details, remaining visible for 3 minutes before fading out.

Digital Wall

DURATION

9 Months

ROLE

Product Design Lead

CONTRIBUTION

End-to-End UX/UI Design

Flexible Visual Identity System

Production-Stage Quality Assurance

Product Launch

End-to-End UX/UI Design
Flexible Visual Identity System
Production-Stage Quality Assurance
Product Launch

GOAL

Interactive giving ecosystem, where space, data, and participation converge.

DURATION

9 Months

ROLE

Product Design Lead

CONTRIBUTION

End-to-End UX/UI Design
Flexible Visual Identity System
Production-Stage Quality Assurance
Product Launch

GOAL

Interactive giving ecosystem, where space, data, and participation converge.

DURATION

9 Months

ROLE

Product Design Lead

CONTRIBUTION

End-to-End UX/UI Design
Flexible Visual Identity System
Production-Stage Quality Assurance
Product Launch

GOAL

Interactive giving ecosystem, where space, data, and participation converge.

YOUNG YU

Home

Work

About

Resume

Enhancing the Donation Experience Through Digital Interaction

Transforming Donation into a Participatory Experience

TAGS

Data visualization

multi-device platform

end to end Product design

YOUNG YU

youngeunyu502@gmail.com

Mountain View, CA

Home

Work

YOUNG YU

youngeunyu502@gmail.com

Mountain View, CA

Home

Work

YOUNG YU

youngeunyu502@gmail.com

Mountain View, CA

Home

Work

Future of mobility & AI UX/UI workflow innovation

TAGS

End-to-end product design

multi-device platform

Meet Workationers Nearby!

Aug 27, 2025

Oh sure! How about Nori Cafe near the beach? The Wi-Fi is strong, and the place is really nice. 😊 Let's meet tomorrow and chat! Would that work for you?

12:02 AM

Sounds Great!

12:40 AM

11:55 AM

and from your profile, it looks like you have more experience than me haha. Would you mind listening for a bit? 😢

If you're okay with it, let’s decide on a time and place!

Yea I’d love to! Actually I have some work-related concerns

12:02 AM

Hi! I saw we’re nearby would it be okay to cowork together someday?

Type your message...

E2Coder