top of page
Snabrillia

Snapbrillia:
Crafting Tomorrow's Teams Today

Redesigning for Diversity, Equity, and Inclusion in Hiring

Introduction

Snapbrillia is a transformative hiring platform designed to level the playing field in recruitment processes. By integrating advanced AI, Snapbrillia addresses critical diversity, equity, and inclusion (DEI) issues, offering a fair and efficient hiring environment for top-tier talents across various industries.

Project Overview

  • Platform: Web application

  • Timeline: July 2021 - March 2022

  • Role: Product Designer focused on User Research, Interaction Design, Visual Design, Prototyping, and Testing.

Solution.webp

The Challenge

Users were dissatisfied with the platform’s navigation complexities and overwhelmed by the data presented, which hindered their understanding and management of DEI metrics.

The Design Team

A collaborative effort with engineers, data scientists, and DEI consultants facilitated a comprehensive redesign of Snapbrillia's user interface.

Image depicting zoom meeting

The Design Process

design process

Research Insights

Image depicting Snapbrillia page

Our research focused on understanding the intricacies of DEI in hiring. We conducted interviews with hiring managers and technical recruiters, revealing a common challenge: the difficulty in effectively tracking DEI metrics.

Key Insight

"We struggle to track diversity metrics effectively across various stages of the hiring process." - Engineering Manager

How might we Questions

  • Based on our research, improving the clarity of project summaries emerged as a critical need. Users often struggled to grasp the essence of a project at a glance, hindering their decision-making process. Our aim is to streamline project summaries to provide users with actionable insights at a glance.

  • How can we assist recruiters in monitoring the DEI progress of the organization?

  • How can we keep users updated about candidates at various stages?

  • How can we assist recruiters in managing their time effectively?

  • How can we ensure that the web application is user-friendly and straightforward?

Design Process

Iterative Design

  • Discovery: Engaged in design discovery sessions, brainstorming with stakeholders to align on visions and expectations.

  • Prototyping: Developed iterative prototypes tested in real-world scenarios to refine functionalities.

User Persona

Meet Allison, a technical recruiter driven to enhance hiring diversity. Her feedback and experiences shaped the redesign of Snapbrillia’s dashboard and functionality.

User Persona

Iteration

After completing the research and participating in design discovery sessions, my design team and I initiated the design process. Our design discovery sessions were instrumental in shaping the direction of our redesign efforts. By collaborating closely with stakeholders, we gained valuable perspectives and insights that informed our design decisions. Through iterative prototyping and user testing, we refined our concepts to ensure they met the needs of our target users. Since Snapbrillia is an agile startup, there's ample opportunity for me to receive continuous advice and input from the entire team. Following several brainstorming sessions and a review of interview notes, it became clear that a dashboard featuring new candidates, summaries of ongoing projects, and DEI pipeline data was essential. The dashboard could serve as an initial step in establishing the overall design tone.

To make the dashboard truly useful for users, it should be easy to scan, relevant to their needs, and customizable. The first inspiration that struck me were the widgets on my phone, so I began by designing boxes that display various project information.

The Dashboard.webp

The Dashboard

To enhance the user experience, the dashboard should be easy to scan, relevant to individual needs, and customizable. My first step was to redesign the dashboard, ensuring a seamless and enjoyable interaction within the app.

Dashboard

Design System/System Guide

Design System_System Guide

Illustrations Used

Illustration
illustration 2
3
4
5
6
7
8
9

Wireframes

Detailed wireframes and interactive prototypes played crucial roles in visualizing and testing the new design, facilitating effective feedback loops.

Wireframes_edited_edited.png

The Solution

Redesigned the dashboard to enhance clarity and usability:
 

  • Customizable Widgets: Introduced modular widgets allowing users to personalize data displays, significantly reducing navigation complexity.

  • Improved Visual Hierarchy: Implemented a clearer visual hierarchy to streamline user workflows and data comprehension.

Image depicting Snapbrilia's analytics.png
Screenshot+2023-08-20+at+4.16.54+AM.png
Candidate response.webp
The Dashboard2.webp
Image depicting Snapbrilia's analytics.png

More projects

Outcomes

The redesign led to enhanced user satisfaction, streamlined processes, and more effective DEI monitoring, contributing to Snapbrillia’s mission of fostering equitable hiring practices.

Learning

I am well-versed in the hiring process, yet find it challenging to bridge the gap between the current state and potential of an early-stage startup. It feels like being in a dimly lit room, aware of my surroundings but with limited visibility, focusing on immediate tasks. However, I am supported by cross-functional partners, collaboratively building the product and culture. Key to success is actively seeking feedback and being adaptable to change.


​Reflecting on my experience with this project, I've learned the importance of collaboration and adaptability in the design process. By actively seeking feedback and remaining open to iteration, I've been able to drive meaningful improvements in our product. Moving forward, I'm excited to apply these lessons to future design challenges and continue making a positive impact.

Screen Shot 2022-03-01 at 12_49_32 AM
Screenshot 2023-08-20 at 4.44.32 AM
The Dashboard_edited
bottom of page