BLACK GIRLS CODE
Redesigning Donation Flow
Landing screen
Black Girls Code
CHALLENGE
This project aimed to redesign the main flow of the
BlackGirl Code website: The donation process. The
goal was to attract more users interested in
donating and to maintain their interest in the mission
of this organization.
BlackGirl Code website: The donation process. The
goal was to attract more users interested in
donating and to maintain their interest in the mission
of this organization.
CONSTRAINTS
UX | UI Role
2 weeks timeline
Website platform
Tools: Figma | Adobe Illustrator | Photoshop
2 weeks timeline
Website platform
Tools: Figma | Adobe Illustrator | Photoshop
Women are disproportionally
represented in the tech industry.
represented in the tech industry.
Based on our research, we found out that
Of employees in
tech are white.
tech are white.
As of 2022, women make up 28%
of the tech industry workforce.
of the tech industry workforce.
As of 2020, 12% of the tech
positions in the U.S. are held
by women of color.
positions in the U.S. are held
by women of color.
White women hold
13% of all tech
positions in the U.S.
13% of all tech
positions in the U.S.
Asian of Pacific islander
women hold 7% of all tech
positions in the U.S.
women hold 7% of all tech
positions in the U.S.
Black or African American
women hold 3% of all tech
position in the U.S.
women hold 3% of all tech
position in the U.S.
Latina or Hispanic
women hold 2% of all
tech position in the U.S.
women hold 2% of all
tech position in the U.S.
74% of girls express a desire
for a STEM career.
for a STEM career.
However, young girls of color who may want to enter the
tech industry face extreme barriers related to a lack of
both gender and racial representation in the workforce.
tech industry face extreme barriers related to a lack of
both gender and racial representation in the workforce.
Meet
Black Girls Code
We build pathways for young women of color to
embrace the current tech marketplace as builders
and creators by introducing them to skills in
computer programming and technology
embrace the current tech marketplace as builders
and creators by introducing them to skills in
computer programming and technology
We are creating stronger economies and more
equitable societies through diversity and inclusion.
equitable societies through diversity and inclusion.
How Might We…
Help Black Girls Code express their value and inspire current
or aspiring tech industry professionals to take action in order t
to drive positive change?
or aspiring tech industry professionals to take action in order t
to drive positive change?
Key Insights
We spoke to real people to get real insight:
- Millennials
- Works in tech or wants to work in tech
- Has a history of giving through donation or volunteering
Persona
When I create personas, I look at what my target audience has in common—like their
characteristics, needs, and goals. It helps me find the best way to meet my users’ needs.
characteristics, needs, and goals. It helps me find the best way to meet my users’ needs.
Their current Donation Process could use some help…
Landing screen
… So we created this prototype to more strongly share
their impact.
their impact.
Prioritization Matrix
After creating the new design of the Donation Process, we tested it and had to do
some design fixes based on our Prioritization Matrix.
some design fixes based on our Prioritization Matrix.
BEFORE
AFTER
We made all video & image
content overlay less dark.
content overlay less dark.
We increase the text size.
More ways to donate boxes
in blue are too contrasting.
in blue are too contrasting.
Final Prototype
