Trans CARE: Coping & Stress Management Application

Trans CARE is a secure, HIPAA-compliant web application designed to support transgender and nonbinary individuals in managing gender minority stress and dysphoria through personalized psychotherapy interventions.

Role & Expertise

Research UX/UI Design WordPress Build
Trans CARE Multi-Device Preview

Problem Statement

Online interventions frequently suffer from high drop-off rates (often up to 70%), particularly when addressing sensitive areas like gender dysphoria and minority stress. The core challenge was to design an engaging, empathetic, and HIPAA-compliant platform that maintains consistent participation, generates tailored coping plans, and collects actionable research metrics without compromising security.

Project Goals

  • • Improve Engagement: Counteract high dropout rates with interactive, structured progression.
  • • Personalized Experience: Deliver tailored coping plans based on user input.
  • • Data Collection: Gather detailed engagement analytics for ongoing clinical research.
  • • HIPAA Compliance: Guarantee full confidentiality and secure data hosting.
  • • Cross-Device Support: Maintain seamless usability across desktop, tablet, and mobile.

Target Audience

Transgender & Nonbinary Individuals People managing minority stress seeking secure, structured coping strategies.
LGBTQ+ Advocacy Groups Organizations needing evidence-based tools to support community well-being.
Support Networks & Allies Friends and family seeking resources to better understand and support loved ones.

Key Features

1. Personalized Profiles & Authentication

Unique logins with secure access to demographic data, study progress, and tailored content.

2. Modular Progression Locking

Step-by-step module unlocking encourages steady participation and flexible multi-session completion.

3. Interactive Coping Plan Generator

Embedded training videos combined with strategy-matching prompts build a customized coping toolkit.

4. Researcher Analytics Dashboard

Comprehensive tracking of module duration, visit frequency, and drop-off points grouped by demographic data.

5. Mobile-First Responsive Design

Fully adaptable interface providing an intuitive experience across mobile devices, tablets, and desktops.

6. HIPAA-Compliant Architecture

Hosted on secure UW-Madison infrastructure to enforce data encryption and regulatory compliance.

Results & Impact

Participants utilizing the Trans CARE web app reported measurable improvements in psychological well-being alongside increased engagement metrics:

Reduced

Anxiety Levels

Lower

Gender Dysphoria

Higher

Completion Rates

100%

HIPAA Compliant

The platform successfully combined personalized therapeutic interventions with engaging digital elements, driving higher completion rates than traditional online interventions and providing crucial insights for future clinical research.

Wireframes

Wireframes

Home Page Wireframe
About Wireframe
Support Wireframe
Module Wireframe
Lesson Wireframe

High Fidelity

High Fidelity

Laptop / Desktop

Roadblock Laptop View
Home Page Laptop View
About Laptop View
Support Laptop View
Module Laptop View
Lesson Laptop View

Tablet

Roadblock Tablet View
Home Page Tablet View
About Tablet View
Support Tablet View
Module Tablet View
Lesson Tablet View

Phone

Roadblock Phone View
Home Page Phone View
About Phone View
Support Phone View
Module Phone View
Lesson Phone View

Colors & Font

Colors & Font

Indigo
Spring Green
Rose Quartz
French Gray
Sea Salt
Black

Be Vietnam Pro

  • Display Title Semi-bold 113/124
  • H1 Semi-bold 64px/1.1em
  • H2 Semi-bold 48/1.25em
  • H3 Semi-bold 32/1.25em
  • H4 Semi-bold 24/1.25em
  • H5 Semi-bold 20/1.25em
  • H6 Semi-bold 14/1em
  • Headline Semi-Bold 17/1.25em
  • Body Regular 18px/1.5em
Next Project
Next arrow

Fit Stylist

Let's Build Something Together