nonprofit web design laptop mockup

I Am Beautiful

Nonprofit website re-design

Focus on donation payments integration & volunteer signups portal

Constraints:

  • Users are: volunteers, program managers, and parents of girls/young femme who would interact with volunteers

  • No logo or color change

  • Payments portal must be PayPal


Visual Changes:

  • Maintained color scheme

  • Modified button states and iconography so donations could be simpler and volunteers could sign up online (instead of printing a PDF)

iMac - 1.jpg

iterations

old / mid/ hifi

Action from Problem-

Many volunteers were unaware of the Background Check and Interview steps in the signup process. We added iconography to quickly show the steps (and delay) involved in signing up

old / mid / hifi

Action from Problem-

The previous volunteer signup page was a PDF that had to be printed and scanned. This process was a deterrent for users during testing, so we implemented a signup portal. Stakeholder desired an electronic application for tracking purpose, so this was a design implementation we identified needing during preliminary meetings.

iMac - 1 (1).jpg

 interviews

illustrations of women

Users

“Since I have the option to fill it in [volunteer application], I should be able to hit submit at the end -
more people would sign up if they could do the whole thing online”

“I can easily fill in all of the form but it takes more steps to be submitted physically by print out and mail to their address.”

“It’s easy to fill out in the PDF, but I would rather have a Google Form or some other way to submit electronically.”


stakeholder illustration

Stakeholders

Q: Currently, what is your biggest pain point with your site?

A: “Not interactive enough or user friendly for people who want to request information or submit applications.”

Q: How often is content updated on site? 

A: “Basic information is not updated often, but new dates/times updated as needed at least 2x a year.”

Q: Do volunteers sign up through the site or would you want an online volunteer portal/registration?

A: “I want it on the website but I want it to be a form that...goes to a portal that admins can go in and check it out.”


empathy map

Empathy Map

Problem Statement

Passionate younger volunteers want to direct their energy and efforts towards volunteering even though they face competing demand for their time, attention and efforts.

But, websites that lack aesthetically pleasing design and lack of online forms make volunteering a difficult and strenuous task.


Competitor analysis

 
competitor analysis chart

hierarchy

 

Card Sort

Site Map

iMac - 1 (2).jpg

 task flows

 

Since this was a design sprint- we focused on flows for only volunteers (not Nonprofit employees or parents of girls in IAB)


Lo-fi Prototypes

Mid-Fidelity User Tests


mockups


Mobile clickable prototype

 

iMac - 1 (3).jpg