CONTEXT
Helping advance the goal for one billion acts of peace
Billion Acts (BA) is a social impact movement aimed at mobilizing an international community to complete one billion acts of peace.PROBLEM
Spreading awareness for social impact is complicated
BA administrators and participants are spending too much time activating campaigns through manual forms and lengthy back-and forth email threads. Understanding the existing user flow is an important first step to prioritize business and end users goals.Complicated user flow of the existing campaign creation process.
GOAL
Improving the user experience to empower people to act on social impact
"How might we make it clear and simple for users to know what to do with campaigns?"Simplifying the existing user flow, while achieving the users' end goal.
ROLE
My role as a product designer
I performed user interviews with the existing website platform, created personas and researched competitors to design the UX and UI from the ground up to effectively digitize the campaign creation process.
The following will highlight the campaign feature - landing page design which orients organizations to quickly create campaigns and individuals to find and contribute acts of peace to existing campaigns.
FINAL SCREEN - CAMPAIGN LANDING PAGE
Making it easy to find and contribute towards social impact
Working with an existing design system, I developed a responsive campaign feature landing page to help users create, explore and better understand campaigns.
RESEARCH AND DISCOVERY
SYNTHESIZING PAIN POINTS
Making the value prop of contributing acts of peace clear for heroes and network partners
Recalling the project’s goal to get users to seamlessly create and interact with campaigns, I set out to accomplish 3 objectives that were informed by pain points from usability testing.
Clarify the purpose of BA campaigns vs. acts of peace for organizations and heroes
Empower organizations to create campaigns independently
Simplify how heroes can contribute acts of peace to campaigns
PROCESS AND ITERATIONS
Orienting landing pages toward campaign creation
Designing to promote campaigns was challenging as it was important for BA to main its existing landing page as a platform for communicating its mission. We added the campaign feature to a drop down option under “Take Action” on the main navigation and designed its own feature specific landing page.
This alleviated confusion for users who were new to BA, as well as, redirected users interested in creating campaign or getting involved to a clear and well navigated section on the website.
It took multiple iterations and testing even at the high-fidelity phase of the project to get things right
We designed for a main website landing page and a separate feature specific landing page to better organize information architecture so users could successfully create new campaigns and contribute to existing ones.
By adding components for a search engine, clearly defined steps for the campaign creation and displaying credibility, users were able successfully navigate, understand and create their own campaigns.
ADDITIONAL SCREENS DESIGNED
Digitized campaign creation form
Search page for finding campaigns
User management portal
Through early user testing we realized a critical need for a user management portal in order to track and manage current and future acts of peace, as well, as ongoing campaigns created.
DESIGN SYSTEM
Although we were working with a pre-existing design system and grid, we added new components and updated the previous library to reflect our new designs.
