Take Action Landing Page

My former company Public Good's flagship product, "Take Action" buttons, are embedded in online articles to help connect readers with philanthropic actions they can take to support the causes they just read about. By revealing meaningful actions readers can take at the moments they are motivated, Public Good hopes to help readers make a difference in causes they care about and increase engagement for our media partners.

My responsibility was to identity issues with the previous design, and come up with new design suggestions.

                                CNN article with "Take Action" button: http://www.cnn.com/2016/08/31/us/iyw-9-11-ways-to-help/index.html

                                CNN article with "Take Action" button: http://www.cnn.com/2016/08/31/us/iyw-9-11-ways-to-help/index.html



When I started working on this project, Public Good had already placed "Take Action" buttons on some sites. When users clicked a "Take Action" button they were taken to a new page with a notice that they were about to go to Public Good Site. If they clicked OK, they would land on a  page  where suggested actions were shown. My job was to improve the overall experience for readers to complete the journey smoothly, and increase action completion rate. 

Google Analytics revealed the click-through rate (CTR) for "Take Action" buttons was much higher than traditional share buttons and online ads. However, once people clicked on the button, they rarely finished the whole process. This suggested we might be able to start improving user experiences by redesigning the landing page. To find out the pain points our users might experience, Public Good CEO Jason Kunesh and I worked together to map out the journey map from the first time a user saw "Take Action" button to the moment they left the site. Here are the main challenges we thought our users might have:

  • Not sure what actions to take 
  • Not sure what Public Good is and if it is trustworthy
  • Not sure who they are donating to


To address the issues we found through journey mapping, we decided our new landing page should: (1) reflect the connection between this page and the article they just read, (2) build trust towards Public Good, (3) clearly state how users can help. 

We decided to show the partnership between Public Good and the media site they were just on first, followed by the title of the article they just read. Then we listed three main actions to take: email opt-in, share on social media, and make donations. For the actions, we had two designs. V1 highlighted email opt-in, since it was the easiest thing readers could do to help, and psychology research suggests that it's more likely users will take a second action after their first. For V2, we highlighted donation action, since it was our most important business goal.

                                                                                                 V1 highlights email collection

For V2, we had three versions that revealed different amount of donation recipients' information. We wanted to run multiple variation testing on the live site to see which performed best.

V2a Shows donations will go to nonprofits working on the cause

V2b Shows nonprofits that get donations previously

V2c Shows exactly which nonprofits will get the donation



While I was at Public Good, we launched V1 ( "Give Now" as the prominent action). Unfortunately, I didn't get to see how this design performs compare to the previous design. But by closely working with some of the best product designers, I learned a lot about the value of looking at different approaches to solving one problem, and how to integrate live testing ideas to improve product performance.

More Projects