Build-a-Baddie

A Y2K design system for techies

Role
UX Design Lead and Copywriter at Baddies in Tech
Time
2023-2024
Tags
Design system, UX writing, Accessibility, Social good
Tools
Figma, Notion, Jotform, Google Workspace, Zoom
Baddies in Tech design system snapshots

The problem

Black, Latinx, and Native American women make up 5% of tech

Yes, you read that right the first time. Though society has made progress with fostering diversity, clearly, the problem still exists. If companies today are so focused on inclusion, why are women of color still underrepresented? Organizations like Baddies in Tech are working on combatting the lack of representation in STEM. Baddies in Tech’s mission is to double the representation of Black, Latin, and Native American (BLNA) women in tech roles to 10% by 2030.

Volunteers at BaddieCon 2023
Volunteers at BaddieCon 2023

Context

An alien and a Barbie walk into a conference

It all started at BaddieCon. Founder of Baddies in Tech, Allie Joy Tsahey, asked me to assist with a brand refresh project for her community-focused company. Branding is my forte and I value togetherness, so I knew this would be a fruitful collaboration.

Bria Fauntleroy and Allie Joy Tsahey at BaddieCon 2023
Me [Bria] (left) and Allie Joy (right) at BaddieCon 2023.

<span data-metadata=""><span data-buffer="">Their old branding wasn’t built with scale in mind

During our discovery call, Allie Joy said this was the big problem. The company didn’t accurately address users’ pain points or adapt to different contexts. Now that Baddies in Tech is 4 years old and has grown into a global organization, it must shift priorities.

a snapshot of Baddies in Tech's old branding
Snapshot of the original branding for Baddies in Tech

The solution

<span data-metadata=""><span data-buffer="">I established the design process and built a user-centric product

Admittedly, staying on task was hard during conference season and the holidays. We used Notion for project management. This was my 1st time using the platform in depth. There was a learning curve for me. Good thing Allie Joy is a great teacher! We outlined the project brief, timeline, deadlines, and metrics.

Table of contents screen of the Baddies in Tech design system
Snapshot of the table of contents for the design system
Snapshot of the project management page in Notion
Snapshots of the project management page in Notion

Research

Survey says...the struggle is real<span data-metadata="">

We sent out a survey completed by 302 users. Here are insights about most users:

  • Educated women of color, age 18 – 44, based in the US.
  • Challenges faced include being a tech newbie, finding mentorship, experiencing layoffs, and leadership.
  • Joined Baddies in Tech to build community, find a job, and/or network.
One of the questions and answers from the user survey
Affinity map Allie Joy and I collaborated on

<span data-metadata=""><span data-buffer="">10 interviews + 72 insights

Picture this: 10 Zoom calls, each one a deep dive into the lived experiences of women of color navigating the tech industry. From micro-aggressions to mentorship gaps, the interviews painted a vivid picture of the unique hurdles these women face. But it wasn’t all doom and gloom—these conversations also revealed resilience, untapped potential, and a hunger for change.

Strategy

A new millennium<span data-metadata="">

How might we help our users feel more supported and included in tech? The rapidly evolving tech industry brings anxiety. Nostalgia evokes feelings of comfort and familiarity. The Y2K era held core memories for the majority of our audience. I drew inspiration from Neo-brutalism, the perfect fusion of the early 2000’s and present day.

Destiny's child and a Y2K coloring book
Examples of where I drew inspiration

Design

New branding, who dis?

Building a design system that merges Y2K nostalgia with Neo-brutalist flair is all about embracing bold, contrasting elements while maintaining a user-friendly experience. I focused on creating reusable components that balance this aesthetic with usability, ensuring everything is fully responsive and accessible. This system gives us one source of truth to ensure consistency across assets.

New Baddies in Tech logos
Button components in the design system

Building blocks

Each component, whether it’s a button, card, or modal, was carefully crafted to be reusable, scalable, and consistent across the entire product ecosystem. I focused on making these components highly functional and visually cohesive, ensuring they work within a responsive grid and adapt fluidly to different devices and screen sizes. By adhering to a consistent style guide and design tokens, I ensure that every component not only looks great but also enhances usability and accessibility.

Communication is key

Creating content writing guidelines is all about establishing a consistent voice and tone that resonates with users while ensuring clarity and accessibility. I began by defining the brand’s personality—whether it’s playful, professional, or empathetic—and setting rules around how that translates into everyday copy. I also incorporated best practices for readability, such as using plain language, avoiding jargon, and prioritizing inclusivity.

Content writing guidelines for Baddies in Tech
Fun pattern I created

Hopes and dreams

  • Increase website (free membership tier) conversion rate to 20%.
  • Convert 30% of free members to the paid membership tier.
  • Reduce website bounce rate.
  • CSAT Score of at least 8 out of 10.

All hail queen Bria

Skip to content