Company: Diversity.io My Role: UX/UI designer Responsibilities: User Research, User flow, Wireframes and Prototyping Deliverables: Landing page & company diversity score section View Live version
Project Overview
Diversity Score is a landing page that allows companies to enter their LinkedIn profile URL and get a report showing the ethnicity and gender breakdown of their company. Divercity uses LinkedIn data and machine learning to accomplish this. The results will allow them to know where they can improve immediately to make their workforce more diverse
Problem to solve
Currently, there is no reliable platform that provides diversity within a company based on ethnicity and gender. Hiring managers and recruiters need this data to make better decisions at the time of hiring for their companies to create a more Diverse environment.
The Process
01. Research
Interviews Comparative Analysis
The first phase of the research involved interviews. A total of 10 individuals were interviewed via Google Meet. It was our goal to determine some of the needs that recruiters and candidates had regarding diversity and how Diversity Score might be able to address them. Based on the results, the following needs were identified:
The second phase of the research involved a comparative analysis. While researching I found there were three major companies that provided diversity reports to recruiters. However, they did not have the following information: ● Breakdown of ethnicity ● Recommendations to recruiters based on the data
02. Define
Product requirement Document (PRD) User personas User flow
After reviewing the results of the Research, I met with the CEO and project manager to discuss both the company's and users' needs. We then created a PRD document that summarized all the product requirements.
User Personas
During the define phase I also created the user personas based on previous interviews. Indicating the 2 different user types that were going to use Diversity Score (Recruiters and candidates). Each one indicates their Goals, frustrations and tasks.
03. Ideate
User stories User flow
After defining the goals of the project. I created the list of user stories that describe the main functionality of the product.
User flow chart
As part of the ideation phase a very detail user flow was created and discussed with the Developers to find any problem areas.
04. Design
Wireframes
After the ideation phase was completed. I initiated the design phase and created some quick wireframes. Using Overflow I created the connections of the screens to present the design to the CEO and the team.
05. Prototype
High fidelity prototype
After a several rounds of revisions a final prototype using Divercity's brand colors, typography and brand elements was completed. This version was launched in October 2020. As part of the MVP for Divercity.
Designers' jobs are never finished, and while creating the High fidelity prototypes, I found some sections that I knew users would struggle with. As soon as the 1st version of the website was released, I wrote a document with a few questions in mind, and a user test with five people was conducted. In analyzing the results, we noted and fixed several UX and UI issues, and created a Version 2.0. (unfortunately, this new version is not live as of today).
