Projects

Projects

Projects

Bink

TIME

August 2024 - December 2024

TYPE

Industry-Informed

Academic Case Study

TOOLS

Figma

ROLE

(Group) UX Researcher

UX Designer

TIME

August 2025 -

December 2025

ROLE

(Group)

UX Researcher

UX Designer

TOOLS

Figma

TYPE

Industry-Informed

Academic Case Study

CONTEXT

CONTEXT

Teens lack access to comprehensive, unbiased sexual health education. When looking for information, most turn to Google, where information can be overwhelming, confusing, or biased. Privacy, stigma, and cultural context make this space especially sensitive.

This project explores how digital tools can better support teens seeking reproductive health information online. Designed for adolescents navigating sensitive topics privately, the work focuses on meeting users at the moment they search for answers—where confusion, misinformation, and stigma are most present. We designed Bink, a Chrome extension that integrates directly into Google search and web browsing to help teens evaluate credibility, access trustworthy resources, and build confidence in their health decisions through a non-judgmental, inclusive, and privacy-first experience.

How might we support teens in navigating online reproductive health information without increasing fear, stigma, or misinformation?

research

research

research

methods

methods

Preliminary Research

Preliminary Research

Preliminary Research

Literature Review

Teen Matters Clinic

Reviewed existing research on Georgia's sexual health education, digital health literacy, and barriers to accessing accurate medical information. This helped us identify common gaps in current sex education, especially for teens in low-income and marginalized communities, and informed the accessibility and tone of our solution.

Spoke with Teen Matters staff to understand the resources currently available to teens and to gain insight into the real questions, misconceptions, and barriers teens face when seeking sexual health information. These conversations helped ground our work in real-world context and clarify the needs of our target users.

Literature Review

Reviewed existing research on Georgia's sexual health education, digital health literacy, and barriers to accessing accurate medical information. This helped us identify common gaps in current sex education, especially for teens in low-income and marginalized communities, and informed the accessibility and tone of our solution.

Teen Matters Clinic

Spoke with Teen Matters staff to understand the resources currently available to teens and to gain insight into the real questions, misconceptions, and barriers teens face when seeking sexual health information. These conversations helped ground our work in real-world context and clarify the needs of our target users.

User Research

User Research

User Research

Surveys

We surveyed 30 teens from Georgia to understand how they seek sexual health information and what topics matter most to them.

Key Findings

Key Findings

Key Findings

INFORMATION SOURCES

70% of our participants cited social media and online resources as their primary form of sex education.

PRIORITIES

Interpersonal Violence and Consent were the topics teens ranked highest in priority for education.

GENDER DIFFERENCES

Half of our female participants reported feeling significant pressure and stigma around sexual health topics while no male participants reported that. Male participants also reported feeling more confident in their education than females.

Interviews

We conducted 6 semi-structured interviews with educators and young adults to explore gaps in sexual health education, evolving teen needs, and barriers to accessing care.

Key Findings

Key Findings

Key Findings

KNOWLEDGE GAPS

There is a large gap in reproductive health literacy between teens–– impacting teens differently as they navigate through life.

INFORMATION SOURCES

Most teens find their reproductive health information through social media or online.

EXPOSURE

Teens that we’re introduced to sex ed at a young age felt less stigma and shame associated with reproductive health.

EAGER TO LEARN

Most student want to learn, they just don’t always have the resources to do so.

Competitive Analysis

We analyzed 8 existing menstrual cycle tracking apps, intimacy apps, teen matters, planned parenthood, telehealth, and safety-focused products to understand current patterns, gaps, and user expectations.

Key Findings

Key Findings

Key Findings

FREE ACCESS

Paid features create separation between the user and the product.

PRIVACY

Privacy is an extremely valued feature.

SINGLE-PURPOSE

For many users, product engagement is usually dependent on one feature, and there’s little exploration of other features.

Hierarchical Task Analysis

We conducted 2 Hierarchical Task Analysis to understand how teens would (1) track a period and (2) identify a pregnancy at home. Multiple contexts were considered, including access to resources, knowledge and literacy, cultural/social norms, emotional state, and time sensitivity.

Logging a Cycle

Identify Pregnancy at Home

Identify Pregnancy at Home

Identify Pregnancy at Home

Key Findings

Key Findings

Key Findings

KNOWLEDGE GAPS


Both HTAs reveal gaps in knowledge, whether it's about pregnancy symptoms or menstrual tracking. This highlights the need for easily accessible educational tools to help teens make informed decisions.

CONTEXTUAL SENSITIVITY


Emotional state, privacy concerns, and access to resources heavily influence both tasks. It’s essential to consider how these factors affect decision-making and task completion.

CULTURAL/SOCIAL INFLUENCE

CULTURAL/

SOCIAL INFLUENCE

Social environments and cultural norms significantly impact users’ comfort levels in managing sensitive health tasks, requiring an approach that fosters privacy and inclusion.

ACCESSIBILITY AND LITERACY

ACCESSIBILITY AND LITERACY


Ensuring that the app provides not only tracking but also educational information with clear guidance, especially for those with limited health literacy.

Design Requirements

Design Requirements

From our research, we developed these nine design requirements

From our research, we developed these nine design requirements

From our research, we developed these nine design requirements

[01]  Non-judgmental

[01]  
Non-judgmental

[01]  
Non-judgmental

The design should provide non-judgmental access to services and present information in a way that doesn’t stigmatize the topic area. 

[02]  Socially/Culturally Sensitive

[02]  
Socially/
Culturally Sensitive

[02]  
Socially/Culturally
Sensitive

Social and cultural sensitivity is important because different cultures view reproductive health differently.

[03]  Address User Priorities

[03] 
Address User Priorities

[03] 
Address User
Priorities

The design should include a variety of topics, addressing what teens prioritize and want to know more about.

[04]  Confidential

[04] 
Confidential

Privacy and confidentiality should be prioritized. 

[05]  Easy to Use

[05] 
Easy to Use

[05] 
Easy to Use

Design should feel intuitive and understandable. 

[06]  Address the Knowledge Gap

[06] 
Address the Knowledge Gap

[06] 
Address the
Knowledge Gap

Inclusivity for those who have a robust sexual education background and those who don’t know very much. 

[07]  Inclusive

[07] 
Inclusive

[07] 
Inclusive

LGBTQ+ youth, youth of color, and youth from low-income families face additional barriers to accessing care. Also, not everyone with a menstrual cycle identifies as a woman, so gender neutral branding/ language is important.

[08]  Consider support roles

[08]  
Consider support roles

[08]  
Consider support
roles

Consider the role of parents, school educators, and partners. Based on survey, interviews, and D1 research. 

[09]  Consider the stages of life

[09] 
Consider the stages of life

[09] 
Consider the stages
of life

The design should address users in a variety of stages of life– such as pregnancy, period tracking, sexual health, etc.

Ideation

Using brainstorming strategies like S.C.A.M.P.E.R., worst possible idea, and others, our team sketched our top 10 ideas so we could begin gathering feedback.

Following feedback, we turned our top two ideas into storyboards

App4Life Tracker

App4Life Tracker

App4Life Tracker

A personalized approach to education, menstrual cycle tracking, medication services, information about local clinics, pregnancy aide, information about reproductive rights. Frequent check-ins and updates to see if any part of our user’s health has changed.

Chrome plugin for reproductive health

Chrome plugin for reproductive health

Chrome plugin for reproductive health

A tool for navigating online resources, aiding users in learning and avoiding mis-information when searching about health related topics.

Ultimately expert and user feedback pointed to the chrome plugin best aligned with our user needs.

Design System

final prototype

final prototype

key features

key features

Onboarding

Reacting to a Search

Buying a Pregnancy Test

bookmarking, history, & SETTINGS

WHat I Learned

This project showed me how deeply trust, privacy, and tone influence whether users will engage with certain types of information. I learned that even well-intentioned educational tools can fail if they feel judgmental, overwhelming, or inaccessible—and that designing for teens requires meeting them where they already are, both digitally and emotionally.

Working across research and design also reinforced the importance of grounding decisions in real user needs, not assumptions. Listening to teens, educators, and healthcare advocates helped us prioritize clarity over completeness and simplicity over feature breadth, ultimately shaping a product that feels supportive rather than instructional.

final prototype

key features

Onboarding

Displays the storm’s progression using both color and shape to indicate severity. Shape-based encoding ensures the information remains understandable for colorblind users.

Reacting to a search

Currently maintains familiarity with standard hurricane visuals.

buying a pregnancy test

Allows users to mark meaningful locations—such as their home or a loved one’s city—making storm data feel personally relevant and actionable.

bookmarking, history, & settings

Adds auditory representations of storm data—such as wind speed and pressure—to support blind and low-vision users.

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

LinkedIn

linkedin.com/in/jessica-g-herring

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

LinkedIn

linkedin.com/in/jessica-g-herring

✦ Thanks for exploring the details.

Let’s keep the conversation going.

✦ Thanks for exploring the details.

Let’s keep the conversation going.

✦ Thanks for exploring the details.

Let’s keep the conversation going.

Create a free website with Framer, the website builder loved by startups, designers and agencies.