YOUNG YU
Home
About
Execution
Execution
Execution
Opening Ceremony with Chancellor and 40+ high value donors and alumni.
Opening Ceremony with Chancellor and 40+ high value donors and alumni.
Opening Ceremony with Chancellor and 40+ high value donors and alumni.
Opening Ceremony with Chancellor and 40+ high value donors and alumni.
Business Impact
Business Impact
Business Impact
Success Metrics
Success Metrics
Success Metrics
128%
Donation Contracts ↑
300%
Major Donor Interviews ↑
Went viral naturally
Ongoing benchmarking visits
Takeaways
Takeaways
Takeaways
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—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—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—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.
Donation Data Visualization
Donation Data Visualization
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.
Users can intuitively understand their donation level and overall donation status through the donation data visualization screen, without needing to contact the office.
Users can intuitively understand their donation level and overall donation status through the donation data visualization screen, without needing to contact the office.
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
Donation Symbols
More than $30m
More than $1000k
More than $10m
More than $100k
Less than $1k
More than $10k
Implementation
Implementation
Implementation
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.
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.
Iterative Design Validation with Stakeholders
Iterative Design Validation with Stakeholders
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.
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.
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.
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.
Design Language System
Design Language System
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.
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.
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.
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
Objectives
Objectives
Redefining the donor experience that the donor wall space aims to provide.
Redefining the donor experience that the donor wall space aims to provide.
Redefining the donor experience that the donor wall space aims to provide.
Redefining the donor experience that the donor wall space aims to provide.
Graphic Development:
Graphic Development:
Graphic Development:
Core Value
Core Value
Core Value
Together
Together
Together
Connect
Connect
Connect
Expand
Expand
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
Graphic Motif
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 you experience the interaction.
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 you experience the interaction.
“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.”
“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.”
“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.”
“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 Outcome
Kiosk Outcome
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
Home GUI:
Motion graphic video promoting the meaning of Donor Wall and university history
1
1
1
1
2
2
2
2
Find Your Nameplate on the Wooden Wall:
Locate your engraved wooden nameplate among those on the wall.
Find Your Nameplate on the Wooden Wall:
Locate your engraved wooden nameplate among those on the wall.
Find Your Nameplate on the Wooden Wall:
Locate your engraved wooden nameplate among those on the wall.
Find Your Nameplate on the Wooden Wall:
Locate your engraved wooden nameplate among those on the wall.
3
3
3
3
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.
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.
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.
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.
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.
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
Impact
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.
As is / To be
As is / To be
As is / To be
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.
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.
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.
As is
Inactive · Fragmented · Inaccessible
As is
Inactive · Fragmented · Inaccessible
As is
Inactive · Fragmented · Inaccessible
To be
Interactive · Connected · Inclusive
To be
Interactive · Connected · Inclusive
To be
Interactive · Connected · Inclusive
Design Process
Design Process
Design Process
Including having a multiple meeting with clients, align and refine
Including having a multiple meeting with clients, align and refine
Empathize
Empathize
Secondary Research
Field Research
Identifying Key Users
Secondary Research
Field Research
Identifying Key Users
Ideate
Ideate
User Flow
Story Board
IA
Wireframe
User Flow
Story Board
IA
Wireframe
Define
Define
User Interview
Personas
Ideate
Prioritization
User Interview
Personas
Ideate
Prioritization
Iteration
Iteration
Rapid Prototype
User Testing
Hi-fi Prototype
QA Testing
Launching
Rapid Prototype
User Testing
Hi-fi Prototype
QA Testing
Launching
Empathize
Secondary Research
Field Research
Identifying Key Users
Ideate
User Flow
Story Board
IA
Wireframe
Define
User Interview
Personas
Ideate
Prioritization
Iteration
Rapid Prototype
User Testing
Hi-fi Prototype
QA Testing
Launching
Empathize
Secondary Research
Field Research
Identifying Key Users
Ideate
User Flow
Story Board
IA
Wireframe
Define
User Interview
Personas
Ideate
Prioritization
Iteration
Rapid Prototype
User Testing
Hi-fi Prototype
QA Testing
Launching
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
Key Features
Key Features
Direct No-cash Donation via KIOSK
Direct No-cash Donation via KIOSK
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.
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.
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.
Digital Wall Name Search: A moment of donor recognition
Digital Wall Name Search: A moment of donor recognition
Digital Wall Name Search: A moment of donor recognition
Digital Wall Name Search: A moment of donor recognition
Kiosk-to-Digital Wall Experience Flow
Kiosk-to-Digital Wall Experience Flow
Kiosk-to-Digital Wall Experience Flow
Kiosk-to-Digital Wall Experience Flow
Interactive Donor Recognition Scenario
Interactive Donor Recognition Scenario
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 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 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 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.
Please look at the digital wall
The donor’s symbol blinks and glows, drawing attention to their presence.
The donor’s symbol blinks and glows, drawing attention to their presence.
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.
Their symbol and name pop out from the location where they are displayed.
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.
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 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.
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.
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
Digital Wall
Digital Wall
Digital Wall
DURATION
9 Months
DURATION
9 Months
ROLE
Product Design Lead
ROLE
Product Design Lead
CONTRIBUTION
End-to-End UX/UI Design
Flexible Visual Identity System
Production-Stage Quality Assurance
Product Launch
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.
GOAL
Interactive giving ecosystem, where space, data, and participation converge.
1
Overview
Impact
Research
Synthesis
Key findings
Features
Outcomes
Learnings
YOUNG YU
Home
Work
About
Resume
Enhancing the Donation Experience Through Digital Interaction
Enhancing the Donation Experience Through Digital Interaction
Enhancing the Donation Experience Through Digital Interaction
Enhancing the Donation Experience Through Digital Interaction
TAGS
TAGS
TAGS
TAGS
Data visualization
Data visualization
Data visualization
Data visualization
multi-device platform
multi-device platform
multi-device platform
multi-device platform
end to end Product design
end to end Product design
end to end Product design
end to end Product design
YOUNG YU
Home
Work