IZM Case Study: An Adobe Design For Good Challenge

Adobe partnered with The Trevor Project for this in August 2020. The Trevor Project is a nonprofit that helps LGBTQIA+ youth navigate their mental health and ultimately preventing suicide attempts by at risk youth.

Problem

How might we create an educational tool to help LGBTQIA+ allies gain knowledge in a fun and guided way to allow them to more effectively provide support to LGBTQIA+ loved ones?

Solution

IZM provides an engaging way for users to educate themselves about LGBTQIA+ issues, culture, and history through vetted cinema, literature, and LGBT+ social influencers.  This resource provides a fun and guided way for allies and parents of LGBTQIA+ youth to interact with the community in an intersectional manner without placing unnecessary burden onto marginalized folks within the LGBT+ community.

View Prototype

Target Audience

Parents with LGBTQIA+ Youth
LGBTQIA+ Allies
Interests: LGBTQIA+ Issues, culture, & history

Design Tools

Adobe XD
Adobe Photoshop
Adobe Stock

Restraints

Timeline: 2 weeks
Must Use 3 Adobe Stock Images

Features

This 2 week sprint was spent focusing on the framework for the MVP. Basic features and learning elements were the primary focus. I researched and sourced real educational elements to make this project as real as possible.

1.
Onboarding
How might we provide users with a guided and comprehensive onboarding experience?
2.
Homepage
How might we provide a personalized and engaging experience for our users that allows them to quickly organize relevant content?

The home page would use machine learning and hashtags to organize content that would be displayed for each user dependent on their learning interests. The screen offers users a way to easily organize the content on the home page depending on if they want a chance to learn via watching content, reading, or discussing. The home page has access to a users daily learning goals too.

3.
Gamification
How can we increase engagement and make learning fun for our users?

This MVP definitely needs further development on the gamification feature. My idea was to incentivize users to be more engaged in the learning process by offering daily learning experiences to complete based on their personal interests. I believe that having additional ways to track this and bonuses for completing tasks would improve this. This was only a two week sprint so it was outside of my scope to continue to develop. However, I wanted to high light the idea and that I attempted this aspect of the project.

This MVP definitely needs further development on the gamification feature. My idea was to incentivize users to be more engaged in the learning process by offering daily learning experiences to complete based on their personal interests. I believe that having additional ways to track this and bonuses for completing tasks would improve this. This was only a two week sprint so it was outside of my scope to continue to develop. However, I wanted to high light the idea and that I attempted this aspect of the project.

4.
Brand Development
How can we pay respect to the history and culture of the LGBT+ community?

Why is the app named IZM?

The name  IZM was chosen as due to the necessity to have intersectionality at the forefront of educating people about LGBTQIA+ Issues.

IZM is the reclaiming of “ism” which is often used in a negative way  during discussions of creating a world that is without racism and sexism. Homophobia, transphobia, racism, and sexism are prevalent in the United States. IZM aims to provide educational resources that are intersectional, fun, and would lessen the burden on marginalized folks to educate people.

How did I create the logo?

I accomplished this goal in three ways.

1: I used a Lora typeface which is a bold, striking serif typeface. I liked Lora because it has variation in thickness as well as subtle curves in the “Z” which helped balance the rainbow gradient.

2. I added a gradient layers around the “IZM” text to honor the Pride Flag and the current culturally acknowledged symbolism of the rainbow.

3. The addition of the lavender border for the logo is in honor of the Stonewall Riots in 1969 and the first pride parade where attendees wore lavender armbands and sashes.

Why is the color palette meaningful?

Throughout the app, I used purple and lavender and a rainbow mesh gradient for the background background to honor LGBTQIA+ history in the United States.  These colors are symbolic in the gay community. Purple became a symbol of Gay empowerment in 1969 in response to the Stonewall Riots in New York City. A month after the riot, a parade took place and the crowd wore lavender arm bands and sashes. The rest as the would say, is Gay History.

Why is honoring history important to the branding for IZM?

The Stonewall Riots sparked the LGBT Civil Rights Movement and this app is a continuation of those efforts. My intention with this app design was to create an app that  help increase people's understanding of the LGBTQIA+ community and to focus on providing resources that were going to bring awareness to those most marginalized in the LGBTQIA+ community which are BIPOC (Black, Indigenous, People of Color) Transgender Women. Over 50% of black transgender women are murdered in the United States, but these are the same people that started the Stonewall Riots.

My Solution

Recent Works

 • 
Recent Works
 • 
Recent Works
 • 
Recent Works
 • 
Recent Works
 • 
Recent Works
 • 

Welcome to Daily Interaction 67

Add to Cart Button Animation on Hover

This example showcases moving lines around an image. The image also has a 3d rotation on hover.

do the honors,
hover over the button!

localeyez

UI development

Exolvuntur

mobile app

ijournal

web app