24/7 access to help and resources

🫂 DBSA Wellness Connect - Online Community Center

TIMELINE—

October 14-16, 2022 ~2 days!

ROLE—

UX Designer,
UX Researcher

TEAM—

6 designers

TOOLS—

Figma

In Fall 2022, I participated in my first ever Hackathon! The hackathon took place over two days virtually, and I was in a team of 6 designers from all over the U.S. to create a mobile app solution for Depression and Bipolar Support Alliance, the leading national organization focusing on mood disorders.

During this Hackathon, we brainstormed, wireframed, prototyped, and presented (spoiler alert: we also won first place!)

Context

What is DBSA?


The Depression and Bipolar Support Alliance (DBSA) is the leading national organization focusing on mood disorders, including depression and bipolar disorder, which affect over 21 million Americans.

What is Girls in Tech SF?


Girls in Tech was a global non-profit organization focused on the engagement, education, and empowerment of women in technology.

The organization had grown from San Francisco to more than 50 chapters located in North America, Europe, Asia, The Middle East, Africa, and South America.

What is Hacking for Humanity?


The 2nd Girls in Tech SF Hacking for Humanity Hackathon was held virtually Oct 14-16.

It consisted of around 160 participants, 22 teams, and the Hackathon was supplemented with team building activities, a scavenger hunt, talks, and training!

Timeline

The hackathon took place over 3 days virtually!

Design Sprint

We had just 26 hours to brainstorm, conceptualize, and wireframe our solution!

Participants

The hackathon attracted over 150+ participants from all over the U.S.!

Problem

The barrier of cost and access

We all have mental health issues 24/7. We shouldn't have to wait to see a doctor to take care of yourself.

If people can use self-management tools and free peer support, they will get better, and this can positively impact everyone's mental health.

Research

Competitive Analysis

Once we decided to partner with DBSA, we decided to compare different apps for a similar purpose and extracting the key features across all apps.

We conducted a competitive analysis and compared the ideal features that DBSA wanted in the app with other pre-existing apps on the market.

We chose Moodfit, Sanvello, and Remente for this portion of research.

Patient Journey Mapping

We sketched out the current state of how a person interacts with the DBSA app, and the ideal future state we would like a user to follow to access the resources they would need.

By mapping out these interactions, we were able to identify key pain points and areas for improvement in the user journey. This analysis helped us pinpoint where users may face friction, such as difficulties navigating the app or accessing relevant resources efficiently.

With this insight, we can refine the app’s design and functionality to create a more seamless and intuitive experience that better supports users in finding the help they need.

The Solution:

Community Forum for Peer Support


  • Get answers to your questions during off-hours

  • Leverage DBSA's nationwide network for peer support

  • Ask questions without fear of judgement, anonymously if desired

  • Receive moderated and personal support

Resources for support


  • Access in-app and non-DBSA resources related to your symptoms

  • Get personalized results based on Symptom Survey

  • Track medication changes, learn more about coping techniques, and measure daily symptoms

Wellness Wheel Health Tracker


  • Track progress through the Wellness Wheel surveys

  • Get personalized healing techniques through the survey

  • Use the data visualization to visualize your progress for different categories

24/7 Chat Bot for Instant Info


  • Access 24/7 support with resources, such as local hospitals, emergencies helplines, events, support groups outside DBSA, etc.

  • Receive information or help through either text or call options.

Periodic surveys for support


  • Take surveys with interactive, accessible graphics to measure symptoms, wellness, and health.

  • Take surveys on a daily, weekly, or monthly basis.

  • Receive a holistic, well rounded feedback and suggestions based on the results.

Challenges

Time, and other constraints

Divide and Conquer…? 🧩
↳ We found it hard to delegate tasks to each other since we are all designers. But we quickly learned that since we were hacking virtually, this is the quickest and most efficient way to work better together and help each other out without burning out.

New tools, new territory 💭
↳ Not all of us were familiar with Figjam for ideation, since it’s a newer tool in the market. But all of us had used Miro or Mural prior, which made it pretty easy to learn.

Reflection

Choices and payoff

Achievements 💪🏼

↳ We are proud of completing our first hackathon and working as a team! We were all able to utilize our own strengths and skills to accomplish our project. We engaged in ideation, wireframing, and prototyping as a team. We are proud of implementing stakeholder goals as well as creating a user friendly experience, all within ~26 hours.

Delegation and Deadlines ⏱️
↳ We learned the importance of assigning roles and responsibilities early on in the process, and being clear with timelines.

Communication is key 🔑

↳ Engaging in pre-Hackathon team building activities was helpful to break the ice!

…and the cherry on top of the cake. 🍒🎂