Safetea

UX design
CLient
Google Certificate
Project type
UX design
project timeline
January - February 2022
My role
Lead Designer, from conception to creation

Safetea

A product to help ensure the safety of LBGTQ+, specficially queer and trans people, by providing community feedback on public businesses.

My Goal

My goal for Safetea is to help queer/trans people of color to feel safer in public spaces by providing forum space for folks within the community to give feedback on public businesses and locations about their experiences there. This feedback can be given as allies as well, but by showing full transparency of the identities of the reviewers, others reading the reviews can take into account how the reviewer's treatment might differ from their own.
Ideation Phase
Problem / Pain Point / Early Research / Early Design Decisions
Problem & Pain Points

As a Queer/Trans Person of Color (QTPOC), I and many of my friends have been made to unsafe in public spaces due to our gender expressions or sexual identities. ‍

Take my persona - Kira, for instance. Kira is a Black Trans Woman, whose intersections of identities have made her a target for various axes of violence and oppression. If she happens to not "pass" as a cis woman, her life could be in immediate danger.

No items found.
Early Research

I reached out and conducted brief interviews with 3 Queer/Trans People of Color, and recognized the depths of the kind of discrimination they face. I also did research online with others having conducted research about this particularly topic:

  • We Need More Resources: Stories of QTPOC* Survival in the South by Bethany M. Coston
  • Measuring Multiple Minority Stress: The LGBT People of Color Microaggressions Scale by Kimberly F. Balsam, Yamile Molina, Blair Beadnell, Jane Simoni, and Karina Walters
  • Queer Latinidad: Identity Practices, Discursive Spaces by Juana María Rodríguez

Over 375 trans people were murdered in 2021, and most of them were people of color. Additionally, from my research, Queer/Trans people also often face other forms of violence including but are not limited to: job discrimination, medical discrimination, and sexual violence.

I also completed a competitive audit before proceeding any further to learn from other products that are already on the market, and learn from their successes and failings.

Early Design Decisions
From my research, I decided to add other services to Safetea such as the Emergency Call page, or the Health resources page, in order to help provide QTPOC resources that could further prevent physical violence and ensure the safetty of Queer/Trans People of Color. The decision and benefit for this product to exist both as an app and a responsive site is to allow users to enter their responses in varying locations and depths of engagement, similar to how Yelp has both a responsive site and a mobile app. Additionally, the name "Safetea" is a play-on-word with the slang "tea," which comes from Black Ballroom Culture, specifically from Trans/Queer Black Slang. The Tea means the truth, which relates to the intent of this product, which is to seek refuge through the power of truth-telling.
No items found.
This is some text inside of a div block.
Wireframes & Prototypes
Paper Wireframes / Low-Fidelity Wireframes / Low-fidelity prototypes
Wireframes & Low-fidelity Prototype
I began my wireframing with a crazy-8 exercise where I tried as many designs possible. I then narrowed down the components that I liked and kept them as is. Afterwards, I began wireframing digitally, and then created a low-fidelity prototype.
No items found.
Paper Wireframes
To brainstorm, I played Crazy-8s and created numerous paper wireframes that encompass any possible solutions for each platform that I could come up.
Digital Low-fidelity wireframes & Prototype
After creating paper wireframes, I came to Figma to create some low-fidelity wireframes, and prototyped it.
Usability STudies
Usability Study round 1 / Usability Study round 2 / Insights implementations / Results
Usability Studies

I conducted two rounds of remote and unmoderated usability studies for this project. The first round was conducted with the low-fidelity prototype as soon as it was finished. The second was conducted with the high-fidelity prototype. Both studies' main goals were to test the general design along with the functionality, smoothness, and intuitiveness of the main user flow.

Round 1 Insights & Changes Made:

• Users want a review options on business page

• Users feel that “create account” screen should be moved to the beginning of flow

• Users feel that the screen for adding review must be bigger

"I feel like you shouldn't be able to use this product without an account. Maybe make the account screen appear at the beginning?"
— User Testing Participant
Round 2 Insights & Changes Made:

Usability Study Results
No items found.
"I think overall it worked very well. The flows are nice and the design is intuitive. Considering the amount of information on these sites, I think the information architecture is wonderful."
— User Testing Participant
Final remarks
Accessibility Considerations / What I've learned / Next Steps / Final Results
Accessibility Considerations

I believe all my designs should be made accessible for as many different people as possible. Safeatea in particular as a product is aimed at marginalized folks, and so it cannot exist without considerations towards its accessibility towards marginalized peoples. Below are some considerations:

• Diverse selection of languages for users who may not speak English, or may not speak it primarily

• All buttons have been labeled in order to help screen readers function more smoothly

• Diverse identity choices included in the “create profile” process, as well as allowing space for users to enter their own information

What I've learned

This was the biggest individual project I had taken on thus far, and it was challenging to keep brand consistency in mind as I designed a mobile app and a responsive website. At times, I had to constantly keep in mind how a mobile website is different in its function and purposes to a mobile app. I also learned how to simplify similar functions of the app in order to create convenience for users.

NExt steps

• Conduct more usability tests on high-fidelity prototypes

• Fully realize and flesh out all of the app’s pages and functions

• Conduct an accessibility audit by partnering withe xpert consultants to ensure Safetea is a fully equitable platform

• Reach out to engineers to help make Safetea a reality

Final Results

Let's chat!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.