top of page
Make it she Screen.jpg
About Make It She:

Make It She is a Google Chrome extension that brings awareness to the gender disparity in the online content. Make it She enables you to substitute male pronouns, gendered words, and first names with their female equivalent on any webpage.

Project Duration:

2 Weeks

Our mission

  1. Develop a website to share Make It She’s mission and encourage visitors to download the extension

  2. Find a way to incentivize people to use the extension on the ongoing basis

  3. Conduct research and provide insights

  4. Provide recommendations on branding 
    and marketing strategy

conversation.png
Team Members

Sonia Hashemi / UX Research

Amanda Hopkins / Visual Lead

Team Kachko / Project Manager

report.png

Screener Survey

Competitive Analysis

Affinity Mapping

Personas and Insights

Market Analysis / brand Personality

Storyboard

Research Method
computer.png
Design Methods

Sketch / Photoshop

Mid Fidelity Wireframes

Usability testing and 2nd User Survey

High Fidelity Prototype

Design Thinking Methodology

We used Design Thinking Methodology for this project to create a better design solution for our users and save on time and energy.

  • Empathize

  • Define

  • Ideate

  • Prototype

  • Test

Screener Survey:

  • Which browser do they use mostly?

  • How interested are they with the gender equality subject?

  • How familiar are they with Google Extensions? 

Survey Responses
71
pngwing.com.png
82% 
Used Google Chrome as their primary browser

Women

53%
femenine.png
5a02dbf418e87004f1ca4475.png
45%
Have read articles about Gender Bias in the past two weeks
ic_extension_48px-512.png
30.9%
Use one Google Chrome Extension

Extension's Competitive Analysis:

The next step is competitive analysis.

We wanted to gather more information about other extensions with the same functionality. We wanted to know what makes these word replacers popular?​

Screen Shot 2018-09-04 at 11.43.26 PM.pn
Competitive analysis for extensions

Usability Testings:

Initial Usability Testing

3

3

Women were tested
Men were tested
Man-and-Woman-Sign-PNG.png

Aged Between 22 to 55

What user wants?

Ability to have control over the extension.

Knowing what users think about our product was important. We did 6 usability testing. Based on the results of our tests we created our affinity mapping and made our empathy map.

They want to control the time they want to use the extension. They want to have the option to limited it. They want a simple key to turn it on or off.

Untitled (3) (2).jpg
Empathy Map

User Personas:

Pronouns and names replacement to the female’s equivalent creates confusion. Also, they said they understand females' empowerment idea that supports this product, but how about other genders? How can we close the gender gap for everyone? And how can you find more information about this gap? 

Screen Shot 2018-09-05 at 12.18.33 AM.pn

Market Analysis:

We analyzed ten websites with similar goals. Almost all of these ten websites had some standard sections, Like the hero section, mission statement, etc. The most repeated parts were CTA or call to action buttons and social media. They aim to inform people, and they do it by social media or the challenges they make to attract users.

Story Board:
Screen Shot 2018-09-11 at 4.50.12 PM.png
Screen Shot 2018-09-11 at 4.50.49 PM.png
Screen Shot 2018-09-11 at 4.50.31 PM.png

Brand Personality:

Not hard-core feminist or against men

After brain storming about the brand goal and user’s idea, we all accepted on this brand personality:

  • Friendly but not compliant

  • Honest but not brutal

  • Fun but not a clown

  • Current but not trendy

  • Daring but not reckless (or divisive)

  • Feminist but not man-hating

Screen Shot 2018-09-05 at 2.59.44 AM.png

Creating the Website and Mockups:

Screen Shot 2018-09-05 at 3.13.09 AM.png

Website usability testing:

Screen Shot 2018-09-05 at 3.23.03 AM.png

Second Survey:

We've got 29 responses back, and the answer for 55.2 percent of them about willingness to download the extension, was negative. Here is a quote from one of them:

"It’s rough. I don’t think changing proper nouns from male to female helps anything, it just makes
the story confusing."

Extension Recommendation And Design:

make it she extension screen2.jpg

We did the same process for the extension too. 

  • Competitive Research ( mentioned earlier )

  • Screener survey

  • Usability Testing

  • Wireframing and Paper Prototyping

  • Sketch Design

Based on usability research and screener surveys we added more features to the extension. We also created an onboarding page to explain the functions to users. We made the extension gender neutral because it was what our users wanted. Plus the rewarding program that introduces the top gender equality advocate users and top gender neutral websites to others. Signing up is optional.

Screen Shot 2018-09-11 at 5.19.48 PM.png
Screen Shot 2018-09-11 at 5.20.14 PM.png
Screen Shot 2018-09-11 at 5.30.48 PM.png
Screen Shot 2018-09-11 at 5.30.20 PM.png

At the end

As UX designers, we talk with research. We would do our best to create a difference for a product, but at the end we can't go anywhere without the user's insights. I am proud of what we have achieved in two weeks. We provided all the requested deliverables and even offered additional ideas based on our user's insights to our stakeholders. We created a website and change some functions on the extension, plus its look. Here is some recommendations we collected from our user interviews and surveys: 

Screen Shot 2018-09-05 at 3.36.51 AM.png

We believe by having a right target audience and making the recommended changes, Make It She can become a successful extension. Because it has a great goal. Cheers to the future without the gender gap.

bottom of page