Oscar Wang
UI/UX + Creative Technology + Accessibility
Hi, I am Oscar Wang,
as a UI/UX and Creative Technologist, I focus on creating experimental, interactive experience with emerging tech, using AR, VR, AI, and physical computing.
© 2025 Oscar Wang
Type
UX Design, UX / Market Research，
B2B, B2C
Date
2024.09
Participant
Mika Hu,
Jacqueline Huo,
Oscar Wang
MPA Alliance
MPA Alliance
Brief
This is a collaborative project organized by ArtCenter DesignMatters and Mary Pickford Foundation Arts Consortium LA. The purpose is to produce an software for Arts Consortium LA to help solve the problems faced by thousands of non-profit organizations in the LA area.
What is MPA Alliance?
MPAA is an online platform that helps organizaitions connect with each other and make it easier to present projects and get invested. The platform can also help individual users pinpoint the right project to participate.
Our Sponsor: Mary Pickford Foundation Arts Consortium LA
The Consortium helps forge social change and growth in Los Angeles by utilizing the artistic process. It provides existing community-based art organizations an opportunity to expand the scope of their work while enhancing creative growth and self-determination for the participating individuals.
Main Feature
This application features two interfaces for non-profit organizations (B2B) and individual users (B2C), maintaining a consistent design style. While most screens are shared, each version includes unique features tailored to its user group, ensuring a seamless yet customized experience.
This application features two interfaces for non-profit organizations (B2B) and individual users (B2C), maintaining a consistent design style. While most screens are shared, each version includes unique features tailored to its user group, ensuring a seamless yet customized experience.
Organization Information Page
Here personal users will be able to view different organizations, and find the one they want to join or donate.
View an Event
Users will be able to view details and monitor step by step process of an event.
Donation
Personal donors will be able to donate the MPA ALLIANCE, and the platform will distribute funds to organizations based on their projects.
Create an Event
Organizations can create projects on the website, invite other organizations, volunteers to join. Share step by step process of the full project.
Edit / Update an Event
Organizations can update their current process of an event, offer users more visualized information of a project.
Resource Share
Organizations will be able to view and share different resources like volunteers, locations, artists or objects.
Scroll Down to Design Process to View All Features
Design Process
What does our stakeholder need?
What does our stakeholder need?
They are looking for a platform that can bring together all arts non-profits in LA to collaborate, share resources, and raise funding collectively.
They are looking for a platform that can bring together all arts non-profits in LA to collaborate, share resources, and raise funding collectively.
So, how do we start?
So, how do we start?
We started with interviewing both stakeholder and non-profit organizations.
And here is what we found…
We started with interviewing both stakeholder and non-profit organizations.
And here is what we found…
I
Non- Profits find it difficulty establishing meaningful connections with other non-profits to share resources and experiences.
II
For Non-Profits, finding suitable volunteers and support personnel is time-consuming.
III
For personal users, It’s challenging to find a centralized platform that displays non-profit information and projects.
IV
Volunteers think It’s challenging to find a centralized platform that displays non-profit information and projects.
V
Foundations find it can be challenging to compare non-profits objectively without a standardized platform for sharing information.
VI
Foundations need assurance that the non-profit can effectively compete for grants and deliver measurable outcomes.
And we found our target users
Non-profit employee
Non-profit employee
Volunteer
Volunteer
Foundation Representative
Foundation Representative
Personal Donors
Personal Donors
Base on user needs, we designed main features of this website.
#1
Organizaitons can establish connection with other organizations more quickly and directly, and cooperate with projects.
#2
Organizaitons can establish connection with other organizations more quickly and directly, and cooperate with projects.
#3
Organizations can create or update project timeline step by step based on the guidance, making the overall project clearer and more transparent.
#4
Individual users can more accurately find their own projects to participate in, and more directly contact the organizations.
Then, we designed interface and had a round of Usbility Testing.
Home Page
Based on usability testing, we found that home page should be clean and straight forward into what this platform is about, instead of showing both "Events" and "Organizations".
Event Page
Although the "Progress Map" look nice, most users won't spend time making a map, and the stakeholder won't be able to spend too much to develop this feature.
Organization Page
Too much to display on this page.
Online Meeting feature is not necessary.
And event card is missing important information.
Donation Data
Our stakeholder thinks that displaying donation data will cause competition among organizations, so we decide to simplify this process.
Based on those feedback, here is our final prototype…
Personal Donor User Flow (B2C)
LOG IN / SIGN UP
USER PROFILE
HOME PAGE
SEARCH ORGANIZATIONS
SEARCH EVENTS
EVENT LANDING PAGE (ONGOING EVENTS)
EVENT LANDING PAGE (FINISHED EVENTS)
ORGANIZATION LANDING PAGE
DONATE
ABOUT US
ORGANIZAION Flow (B2B)
Only displaying the interface that is different from User Flow.
ORGANIZATION PROFILE
CREATE AN EVENT
EVENT LANDING PAGE
EDIT / UPDATE EVENT
ORGANIZATION LANDING PAGE
Resource
Thank you for spending your time to view the whole project!
© 2025 Oscar Wang
Type
UX Design, UX / Market Research，
B2B, B2C
Date
2024.09
Participant
Mika Hu,
Jacqueline Huo,
Oscar Wang
MPA Alliance
Brief
This is a collaborative project organized by ArtCenter DesignMatters and Mary Pickford Foundation Arts Consortium LA. The purpose is to produce an software for Arts Consortium LA to help solve the problems faced by thousands of non-profit organizations in the LA area.
What is MPA Alliance?
MPAA is an online platform that helps organizaitions connect with each other and make it easier to present projects and get invested. The platform can also help individual users pinpoint the right project to participate.
Our Sponsor: Mary Pickford Foundation Arts Consortium LA
The Consortium helps forge social change and growth in Los Angeles by utilizing the artistic process. It provides existing community-based art organizations an opportunity to expand the scope of their work while enhancing creative growth and self-determination for the participating individuals.
Main Feature
This application features two interfaces for non-profit organizations (B2B) and individual users (B2C), maintaining a consistent design style. While most screens are shared, each version includes unique features tailored to its user group, ensuring a seamless yet customized experience.
Organization Information Page
Here personal users will be able to view different organizations, and find the one they want to join or donate.
View an Event
Users will be able to view details and monitor step by step process of an event.
Donation
Personal donors will be able to donate the MPA ALLIANCE, and the platform will distribute funds to organizations based on their projects.
Create an Event
Organizations can create projects on the website, invite other organizations, volunteers to join. Share step by step process of the full project.
Edit / Update an Event
Organizations can update their current process of an event, offer users more visualized information of a project.
Resource Share
Organizations will be able to view and share different resources like volunteers, locations, artists or objects.
Scroll Down to Design Process to View All Features
Design Process
What does our stakeholder need?
They are looking for a platform that can bring together all arts non-profits in LA to collaborate, share resources, and raise funding collectively.
So, how do we start?
We started with interviewing both stakeholder and non-profit organizations.
And here is what we found…
I
Non- Profits find it difficulty establishing meaningful connections with other non-profits to share resources and experiences.
II
For Non-Profits, finding suitable volunteers and support personnel is time-consuming.
III
For personal users, It’s challenging to find a centralized platform that displays non-profit information and projects.
IV
Volunteers think It’s challenging to find a centralized platform that displays non-profit information and projects.
V
Foundations find it can be challenging to compare non-profits objectively without a standardized platform for sharing information.
VI
Foundations need assurance that the non-profit can effectively compete for grants and deliver measurable outcomes.
And we found our target users
Non-profit employee
Volunteer
Foundation Representative
Personal Donors
Base on user needs, we designed main features of this website.
#1
Organizaitons can establish connection with other organizations more quickly and directly, and cooperate with projects.
#2
Organizaitons can establish connection with other organizations more quickly and directly, and cooperate with projects.
#3
Organizations can create or update project timeline step by step based on the guidance, making the overall project clearer and more transparent.
#4
Individual users can more accurately find their own projects to participate in, and more directly contact the organizations.
Then, we designed interface and had a round of Usbility Testing.
Home Page
Based on usability testing, we found that home page should be clean and straight forward into what this platform is about, instead of showing both "Events" and "Organizations".
Event Page
Although the "Progress Map" look nice, most users won't spend time making a map, and the stakeholder won't be able to spend too much to develop this feature.
Organization Page
Too much to display on this page.
Online Meeting feature is not necessary.
And event card is missing important information.
Donation Data
Our stakeholder thinks that displaying donation data will cause competition among organizations, so we decide to simplify this process.
Based on those feedback, here is our final prototype…
Personal Donor User Flow (B2C)
LOG IN / SIGN UP
USER PROFILE
HOME PAGE
SEARCH ORGANIZATIONS
SEARCH EVENTS
EVENT LANDING PAGE (ONGOING EVENTS)
EVENT LANDING PAGE (FINISHED EVENTS)
ORGANIZATION LANDING PAGE
DONATE
ABOUT US
ORGANIZAION Flow (B2B)
Only displaying the interface that is different from User Flow.
ORGANIZATION PROFILE
CREATE AN EVENT
EVENT LANDING PAGE
EDIT / UPDATE EVENT
ORGANIZATION LANDING PAGE
Resource
Thank you for spending your time to view the whole project!
© 2025 Oscar Wang