UX DESIGNER
![Greenpeace Heo page.png](https://static.wixstatic.com/media/64df1d_12f787dd190849b4a9c49d8fb1f8042a~mv2.png/v1/crop/x_0,y_0,w_3600,h_1745/fill/w_980,h_475,al_c,q_95,enc_avif,quality_auto/Greenpeace%20Heo%20page.png)
THE CLIENT
The Client: Greenpeace
![GP-CFM.gif](https://static.wixstatic.com/media/64df1d_870b303db15741b1b33924e808e4e1df~mv2.gif)
Work Done
UX/UI Designer and Researcher hired to investigate falling revenue from donations year over year in Greenpeace Malaysia.
Timeframe
4 months
March 2022 - July 2022 (Contract)
Company
Greenpeace is an independent global campaigning network and known for their direct actions.
Greenpeace Malaysia works to protect the environment for a safer future and a liveable world.
Web Application
THE BACKGROUND
The Problem
![](https://static.wixstatic.com/media/64df1d_99a64bfd982748348f75e527d8039b08f000.jpg/v1/fill/w_394,h_255,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/64df1d_99a64bfd982748348f75e527d8039b08f000.jpg)
Greenpeace in-depth user testing and diverging wide and exploring solutions while iterating and discussing, gaining feedback, and working through the problem.
Problem
Revenue from donations is falling year over year.
How might we motivate younger people to donate?
Challenge
I investigated Greenpeace annual reports over 10 years of trends and found the younger generation have tended to donate less and less as time goes by
Hypothesis
There was a considerable discrepancy in the different age brackets of donors, which led me to realize we need to bring younger people on board for future fundraising.
THE KEY INSIGHT
Annual Report Insight
While I was investigating annual training reports and GYSEA Data analytics to find a clue, I found interesting patterns among young professionals.
I was hired to figure out why people have a hard time donating.
​
-
60% of the target donors are at least 35 years old or olderI was hired to figure out why people don’t want to donate.
-
Revenue is falling down year by year
-
The 25-34-year-old bracket has the highest population but the smallest donation segment
-
Women in the 25-34 age group represent 24% of the 'Inactive' or 'cancelled' donors
![Age group.png](https://static.wixstatic.com/media/64df1d_7f3d123524e741d8bac3b35a4019d25b~mv2.png/v1/fill/w_454,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Age%20group.png)
COMPETITIVE ANALYSIS
4 NGO Websites Do the Following Better
I investigated payment method issues and analyze non-governmental organization finance reports from authority websites and realized this was a bigger issue than a variety of payment methods. Greenpeace needs to ensure transparency and public accountability in its campaigning, fundraising and financial management practices
![Competitive Analysis-GP.png](https://static.wixstatic.com/media/64df1d_5823cdaf09b44e1aa573f0db74eac27f~mv2.png/v1/crop/x_0,y_0,w_5257,h_1841/fill/w_979,h_343,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Competitive%20Analysis-GP.png)
THE DISCOVERY
Overview of 3 Research Findings
![OLD-Greenpeace Donation Page.png](https://static.wixstatic.com/media/64df1d_bfea450b1da74d94b70fe221c3e589c4~mv2.png/v1/crop/x_0,y_2401,w_3846,h_3846/fill/w_330,h_330,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/OLD-Greenpeace%20Donation%20Page.png)
01
Transparency Issues
People need an answers for "where does my money go?" Updating recent activities with monetary transparency strengthens relationships between the donor and their organization and helps nurture an environment of collaboration.
![OLD-Greenpeace Donation Page.png](https://static.wixstatic.com/media/64df1d_bfea450b1da74d94b70fe221c3e589c4~mv2.png/v1/crop/x_0,y_0,w_3846,h_3846/fill/w_330,h_330,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/OLD-Greenpeace%20Donation%20Page.png)
02
Payment Method Issues
Transparent payment methods foster trust and open communication.
![OLD-Greenpeace Fundraising Info.png](https://static.wixstatic.com/media/64df1d_8e5afb835488412d875c332b738cf20f~mv2.png/v1/fill/w_103,h_330,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/OLD-Greenpeace%20Fundraising%20Info.png)
03
Information Architecture Issues
The content gets lost in difficult-to-read typography; your customers cannot read it and click away.
FINDING 1 TRANSPARENCY ISSUES
#1 Transparency Issues
Why Is It Essential to Have Business Transparency?
Transparency fosters trust and open communication.
It strengthens relationships between the donor and their organization and helps nurture an environment of collaboration.
![Payment methods analysis.png](https://static.wixstatic.com/media/64df1d_84d91904d2e5461bacf0239ee047fdbb~mv2.png/v1/fill/w_500,h_316,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Payment%20methods%20analysis.png)
![GP-USERFLOW.png](https://static.wixstatic.com/media/64df1d_018191b9b18240eb93da5b5929c38499~mv2.png/v1/fill/w_205,h_356,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/GP-USERFLOW.png)
Concept Design : Payment options
![Donation Page iterations.png](https://static.wixstatic.com/media/64df1d_54b7cacd85004352a54ecf032ab6c6e2~mv2.png/v1/fill/w_900,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Donation%20Page%20iterations.png)
Concept Design : Refinement of the donation page design based on user testing and A/B Testing
FINDING 1: TRANSPARENCY ISSUES CONCEPT RECOMMENDATION
Building Trust
![5.Desktop-Donors can give with confidence.gif](https://static.wixstatic.com/media/64df1d_dee0f817ad5e45f4a554c66a8677773e~mv2.gif/v1/fill/w_430,h_310,al_c,usm_0.66_1.00_0.01,pstr/5_Desktop-Donors%20can%20give%20with%20confidence_gif.gif)
Concept Design: Footer Page
![Mask group.png](https://static.wixstatic.com/media/64df1d_a0afb40d600f4b9d9a0a78d13cd00230~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group.png)
Quick Sitemap
![Mask group-1.png](https://static.wixstatic.com/media/64df1d_14f1c3d961c04575b399aad18b83eece~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-1.png)
Social Recognition
![Mask group-2.png](https://static.wixstatic.com/media/64df1d_5030af803aa64c1f9771f42497cc6ccd~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-2.png)
Trustable local office location & contacts provided
FINDING 1 : TRANSPARENCY ISSUES CONCEPT RECOMMENDATION
Donation Step by Step
![Mask group.png](https://static.wixstatic.com/media/64df1d_a0afb40d600f4b9d9a0a78d13cd00230~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group.png)
“Where was my money going?“ will be answered
![Mask group-1.png](https://static.wixstatic.com/media/64df1d_14f1c3d961c04575b399aad18b83eece~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-1.png)
The infographic shows how Greenpeace works.
![Mask group-2.png](https://static.wixstatic.com/media/64df1d_5030af803aa64c1f9771f42497cc6ccd~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-2.png)
It provides each step of the donation process and the diversification of the payments.
![2.Desktop-Donation.gif](https://static.wixstatic.com/media/64df1d_777d5c85bcb842f5ba434962138f0f50~mv2.gif/v1/fill/w_428,h_312,al_c,usm_0.66_1.00_0.01,pstr/2_Desktop-Donation_gif.gif)
Concept Design: Donation Page
FINDING 2 : PAYMENT METHOD ISSUES CONCEPT RECOMMENDATION
Diverse Payment Methods
How Do You Attract Young Donors to Your Nonprofit Organization?
![Mask group.png](https://static.wixstatic.com/media/64df1d_a0afb40d600f4b9d9a0a78d13cd00230~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group.png)
Choose your comfortable amount of donation
![Mask group-1.png](https://static.wixstatic.com/media/64df1d_14f1c3d961c04575b399aad18b83eece~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-1.png)
Diverse payment methods, including debit card, bank transfer, and cash delivery
![11.png](https://static.wixstatic.com/media/64df1d_6144533d52ae44f0841e0c52bfdf3ed5~mv2.png/v1/fill/w_100,h_21,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/11.png)
![Group 35218.png](https://static.wixstatic.com/media/64df1d_065eb7dc76ff41139ec4c803f508b6e3~mv2.png/v1/fill/w_201,h_162,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%2035218.png)
![Greenpeace payment.gif](https://static.wixstatic.com/media/64df1d_eb635f15dcd64789a4302c4589dae15b~mv2.gif/v1/fill/w_250,h_329,al_c,usm_0.66_1.00_0.01,pstr/Greenpeace%20payment_gif.gif)
![Mask group-2.png](https://static.wixstatic.com/media/64df1d_5030af803aa64c1f9771f42497cc6ccd~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-2.png)
It provides each step of the donation process and the diversification of the payments.
Concept Design : Card payment options
Instead of preset of donation amount, Choose the amount that you would like to donate. Debit card is preferred for the donor, but credit card would be more secure for the organization.
Cash is the most preferred way to donate.
FINDING 3 : INFORMATION ARCHITECTURE ISSUES
#3 Information Architecture Issues
Why Information architecture matters?
A strong information architecture will enable users to quickly and intuitively find familiarize themselves with the digital environment and to find what they are looking for and complete on boarding donation process. Optimizing a sitemap for a website or mobile app also helps visitors to find information quickly.
![Sitemap_before.png](https://static.wixstatic.com/media/64df1d_73434c1bc9ed4474a98b768593e2a0bc~mv2.png/v1/fill/w_459,h_371,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Sitemap_before.png)
![Sitemap_after.png](https://static.wixstatic.com/media/64df1d_c4de144db4c24bcb857cbde6a3fdf528~mv2.png/v1/fill/w_502,h_497,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Sitemap_after.png)
![Original GP Payment methods.gif](https://static.wixstatic.com/media/64df1d_c2cf96d987a1475f9ad66709d0a82487~mv2.gif/v1/fill/w_450,h_276,al_c,usm_0.66_1.00_0.01,pstr/Original%20GP%20Payment%20methods_gif.gif)
USER STATEMENT
The Statement
"I started with Greenpeace international website not the Malaysia website. I can't trust that I am in the right website."
"I am not sure I can able to donate my money to this website because it is hard to read the articles and not linear orderline. so that makes me feel outdated."
"single photo of polar bear doesn't mean anything to me. what was the purpose of showing the polar bear? Is this a saving earth project?"
(JitYoung Koh ,Copywriter)
FINDING 3 : INFORMATION ARCHITECTURE ISSUES
Raising Organization Awareness, More Support
![Mask group.png](https://static.wixstatic.com/media/64df1d_a0afb40d600f4b9d9a0a78d13cd00230~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group.png)
Valuable volunteers who know how to leverage critical social media channels are needed
![Mask group-1.png](https://static.wixstatic.com/media/64df1d_14f1c3d961c04575b399aad18b83eece~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-1.png)
Supporting the need for supplies for volunteers and locals.
Getting people involved is a surefire way to get people to remember your organization
![Mask group-2.png](https://static.wixstatic.com/media/64df1d_5030af803aa64c1f9771f42497cc6ccd~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mask%20group-2.png)
Restructuring Information Architecture is like putting puzzle pieces together. Every piece fits together to create robust brand awareness
![numer4.png](https://static.wixstatic.com/media/64df1d_3e8fa98bfd1a4586b4e206deb5b9c139~mv2.png/v1/fill/w_30,h_30,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/numer4.png)
The history of Greenpeace engages audience with how we can move forward on environmental issues
![3.Desktop-Volunteer.gif](https://static.wixstatic.com/media/64df1d_5cae415d53974fdfbc47957f0de0d125~mv2.gif/v1/fill/w_429,h_312,al_c,usm_0.66_1.00_0.01,pstr/3_Desktop-Volunteer_gif.gif)
Concept Design: Volunteer Page
PROTOTYPE
Mobile View
![1.Hero page.gif](https://static.wixstatic.com/media/64df1d_1df1cadf225349449bf1d8656144cc54~mv2.gif/v1/fill/w_192,h_388,al_c,usm_0.66_1.00_0.01,pstr/1_Hero%20page_gif.gif)
Hero Page
Landing page shows where Greenpeace uses donations
Donation Infographic
Answers the question, "Where do my funds go?"
![2.Donation.gif](https://static.wixstatic.com/media/64df1d_266c79486ec247b28ca5463a6e9d2f9a~mv2.gif/v1/fill/w_191,h_390,al_c,usm_0.66_1.00_0.01,pstr/2_Donation_gif.gif)
![3.Volunteer.gif](https://static.wixstatic.com/media/64df1d_4db52b61d1eb4fea88f2886806fcaed7~mv2.gif/v1/fill/w_192,h_388,al_c,usm_0.66_1.00_0.01,pstr/3_Volunteer_gif.gif)
Volunteer
You can choose the volunteer types and see what kinds of work you could provide
Lastest Wins
Learn more about Greenpeace's victories
![4.Latest wingif.gif](https://static.wixstatic.com/media/64df1d_94ac4e37cfb649e99d9f03b6e2be287c~mv2.gif/v1/fill/w_192,h_383,al_c,usm_0.66_1.00_0.01,pstr/4_Latest%20wingif_gif.gif)
PROTOTYPE
Click any devices on the top. It will connect you full Figma file to review
RESULT
![Greenpeace Outcome.png](https://static.wixstatic.com/media/64df1d_173d40b82a534de28f219a68a039732b~mv2.png/v1/crop/x_0,y_0,w_2575,h_2100/fill/w_440,h_359,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Greenpeace%20Outcome.png)
Using Google Analytics and Semrush Marketing reports,
I found out the huge social impact on keywords variations compare to 6 months ago. I imagined increasing user completion of donation rates and decreasing user drop-off on the onboarding process.
​
Greenpeace is now to be considered user-friendly keywords and search engine-friendly SEO & SEM in order to make users discover their website.
Still, cancellation is the number one concern in the keywords, relevant keywords fill up the Greenpeace search engine, making it easy to navigate and easily found on the search engine.
FINAL VERSION OF DONATION PROTOTYPE
Desktop View
Greenpeace Malaysia have drastically changed on their donation process. We minimized outdated address form and lower down the donation amount.
​Over the past 50 years, Greenpeace has indeed changed the world. Our committed activists and supporters have come together to ban commercial whaling, convince the world's leaders to stop nuclear testing, protect Antarctica, and so much more.
CONSIDERATION
My Personal Learnings
Design & Research
Product
Engineering
INQUIRIES
Get In Touch
For more work inquiries, or grab a coffee, email me at rachel.cho5257@gmail.com