STEM Muse

A responsive web app connecting mentees with mentors to improve the recruitment, retention, and success of women in STEM

My Role
UX/UI Designer
(4-Person Design Team)
Timeline
3 weeks
Tools
Figma, Figjam, ProtoPie

Summary

Context

STEM Muse is a mentorship program that connects female-identifying students with women more advanced in their careers to improve the recruitment, retention, and success of women in STEM.

Business Goal

STEM Muse wants to scale their mentor-matching program through paid mentor sponsorships that will allow companies to reach potential talent (mentees).

Design Challenge

In order to scale their startup, STEM Muse needs a web application that allows mentees to match mentors with a high success rate and track the results of their mentorship meetings.

Process

Getting to know the Client

Sophie Sanchez and Damla Cinoglu are PhD students at the University of Texas at Austin.


Sophie identified a need for female students in STEM fields to be better connected to mentors because they are currently isolated in their degree programs and unaware of career options outside of medicine and academia. Sophie founded a student group, Sages, at UT-Austin that offered a mentee-driven mentorship matching program that has been incredibly successful. STEM Muse will scale that model to enhance the recruitment, retention, and success of women in STEM more broadly.

Defining user pain points

User interviews uncovered two primary personas, Mentee Megan and Mentor Michelle,and valuable insights about their current user experience.

Pain Point

Mentees are matching with mentors they aren’t fully compatible with in terms of reaching their professional goals

Design Opportunity

How might we enable mentees to make the most educated decisions when submitting their mentor match preferences?

Pain Point

Mentors struggle to keep track of meeting and events and dates

Design Opportunity

How might we centralize all relevant mentee/mentor information and news about upcoming events?

Design Studio

Independent sketches of an MVP user flow led us to combine some ideas and compromise others in order to design the most efficient and purposeful product.

Sketches from each of 4 team members. All sketches are based on an agreed-upon user flow.
Testing the Product

The initial design was not intuitive, which led to rounds of usability testing and design iterations.

Branding & Style Guide

Before building our hi fidelity prototype we worked with our client on finalized brand guidelines. Below is a snapshot from our component library.

Brand color paletteSnapshot of component library including fonts, icons and navigation

Solution

Hi Fidelity Design
Account Creation
Mentor Matching
Meeting Tracking

Next Steps

Next Project Phases

We recommended that our clients address next steps in three phases, laid out here:

Next steps broken down into 3 phases

I recently re-contracted with STEM Muse to carry out the work detailed in Phase 1 Cont. so they can launch the product with full accessibility for both mentees and mentors using their service.

Reflections

What I learned: I learned during this project, my first client project, that I love UX design in practice! It was great working with a design team of varied strengths and learning when to compromise my ideas and when to defend them. I also learned (the hard way) the value of UI component libraries and auto-layout for consistency throughout the project.

What I'd do differently next time: I think for a first client project it made sense to all pitch in every step of the process but in the future I might work with a design team to identify strengths and communally assign "leads" on different parts of the process to boost efficiency.