Boot Camp Group Re-design Project

1. She Angels
She Angels
Foundation
Foundation
Website
Website
Redesign
Redesign
GROUP
PROJECT
II
COLLABORATORS:
COLLABORATORS:
Andjelija Sreckovic
Andjelija Sreckovic
Rachael Cunningham
Rachael Cunningham
Wan Yi Vincci Wu
Wan Yi Vincci Wu
"We give grants to female founded non-profit organizations
"We give grants to female founded non-profit organizations
that provide mentorship, funding, and resources to women
that provide mentorship, funding, and resources to women
and girls."
and girls."

2. Where
to
Begin?
Project Overview
We chose the
We chose the She Angels Foundation
She Angels Foundation website because we loved their objectives, and also
website because we loved their objectives, and also
because the website had problems with:
because the website had problems with:
Content overload
Content overload
Poor navigation abilities
Poor navigation abilities
Inconsistent and outdated design elements
Inconsistent and outdated design elements
Unclear initial establishment of the organization’s mission
Unclear initial establishment of the organization’s mission
Our goal was to address these issues, while giving the new site a pleasing aesthetic design,
Our goal was to address these issues, while giving the new site a pleasing aesthetic design,
as well as decreasing the user’s frustration while interacting with the site.
as well as decreasing the user’s frustration while interacting with the site.

3. User Interviews & First Round Usability Testing
What do you think of the
What do you think of the
She Angels site?
She Angels site?
What needs to change?
What needs to change?
" A trustworthy non-profit should have
" A trustworthy non-profit should have
a clear mission for me to understand."
a clear mission for me to understand."

4. Nancy is our Target User
Nancy is our Target User
Nancy is a mother, a champion
Nancy is a mother, a champion
of women's causes, and has
of women's causes, and has
starter her own small non-
starter her own small non-
profit, but she is short on both
profit, but she is short on both
time and funding to make her
time and funding to make her
dream, and other women's
dream, and other women's
dreams come true.
dreams come true.
User
Persona

5. Story
Board

6. She Angels' Original Website

7. Problem
Problem
Statement
Statement
She Angels was designed to provide funding for non-profit
She Angels was designed to provide funding for non-profit
organizations founded by women. We have observed that the
organizations founded by women. We have observed that the
She Angels Foundation is not presenting itself as a
She Angels Foundation is not presenting itself as a
trustworthy organization online, which is causing potential
trustworthy organization online, which is causing potential
donors to patronize a different organization, resulting in less
donors to patronize a different organization, resulting in less
available grants for grant applicants.
available grants for grant applicants.
How might we improve the She Angels
How might we improve the She Angels
Foundation website so that membership and
Foundation website so that membership and
donations increase, and so that more
donations increase, and so that more
organizations apply for grants?
organizations apply for grants?

8. Breakdown
01
All of She Angels' site is on
one page. We need to fix
the navigation and put
each topic on its own page.
Solutions
Solutions
Get
to
work!
Front & Center
02
Place the Mission
Statement front and center
on the Homepage so the
user is very clear on what
the org promises to
accomplish.
Gain Trust
03
Elevate the site's design
and content to appear
more polished, more
coherent, and ultimately
more trustworthy.

9. UI
Style
Guide

10. Logo Redesign
Logo Redesign
Part of the new look, is an updated logo to
represent the brand's refreshed personality.
Original
Original 1st Iteration
1st Iteration Final Iteration
Final Iteration

11. Lo
-
Fi
Breakdown
01
All of She Angels' site is
on one page. We need
to fix the navigation
and put each topic on
its own page.
Front & Center
02 Place the Mission
Statement front and
center on the
Homepage so the user
is very clear on what
the org promises to
accomplish.

12. Mid - Fi
Mid - Fi

13. Mid-Fi
Usability Test
01
FEEDBACK:
Donating option
was at the bottom
of the page
SOLUTION: Add a
prominent Donate
button to the right
of the search bar
instead of in the
Nav bar and build
out the donate
page
Mid-Fi
Usability Test
02
FEEDBACK: Re-
organize and re-
word the footer
SOLUTION: Brand
new footer that is
more intuitive for
the user
Mid-Fi
Usability Test
03
FEEDBACK: There
needs to be a
quicker way to get
back to the nav bar
SOLUTION: Add a
Back to Top button
into the footer
A/B Testing
04
We tested two
versions of our
How to Qualify
page and used the
winner in our final
prototype.
Two Types of Tests
Two Types of Tests
14

15. Final Thoughts
Final Thoughts
05
We contacted the organization in two ways, but didn't hear
back from them. If we continued with this project, we would
really like to make contact with them and incorporate their
feedback
It would be nice to build out some kind of membership/donor
account so that there could be more user interaction/online
user socializing
We enjoyed working together, and each brought something
unique to the group. Vincci is extraordinary at driving
progress, Andjelija provides great feedback and editing
recommendations, and Rachael makes sure that the designs
are cohesive. It would be a pleasure to all work together
again!