Soul Haven
Role: UX Designer
Project: Making virtual mental health support more accessible
Duration: 100 hours
Tools used: Figma, FigJam, FaceTime, Zoom, Optimal Works
Background
We all know life can throw a lot at you, and sometimes it helps to talk to someone. However, finding an affordable and trustworthy therapist can be a daunting task. Top it off with mental health stress and finances; even thinking about it now, I’m exhausted. That's where Soul Haven comes in. Whether you're looking for a specific type of therapy, want to use your insurance, or need options if you're low-income, Soul Haven is a mental health app that strives to connect you with the resources you need to help yourself start to feel better.
Between 2019 and 2020, 20.78% of American adults struggled with mental illness. Out of these adults, 42% said they couldn’t receive the help they needed because they couldn’t afford it.
-
1. Empathize
Competitive Analysis
User Interview
Survey
-
2. Define
Affinity Map
Personas
How Might We
-
3. Ideate
Information Architect
Low-fi sketches
-
4. Prototype
UI Elements
High-Fi mockups
Final prototype
-
5. Test
Usability Test
Iterate
Competitive Analysis
To get a better understanding, I compared 3 different mental health sites: GrowTherapy, Sanarai, and ComplicatedLife. I wanted to understand their effectiveness and the user’s experience with the current features available. I analyzed each one for features such as filter options, layout, and overall flow of the design.
User Interviews & Takeaways
As we get older we expect to have it all together, but if we are being honest, stress. and trauma have no age limit. So, I took 5 people between the ages of 25 and 65 and interviewed them individually. Each person has, at some point in their life, wanted or needed mental health care. Each interviewee also has experience looking for a therapist. My target user group is individuals who have looked for therapists online and who are in need of low-income assistance.
-
- 4/5 people’s biggest pain was related to insurance and affordability
- 5/5 people said they cannot afford consistent therapy without insurance
Interview Questions:
What features do you prioritize when looking for a therapist?
What are the most important customizations and personalizations for you when you are searching for a therapist?
What challenges or frustrations have you encountered when looking for therapy in the past?
What qualities or characteristics do you prioritize when searching for a therapist, such as experience, specialization, communication style, or cultural competence?
How important is flexibility in scheduling appointments for you?
What specific accessibility features or considerations would you prioritize to ensure that individuals with low-incomes have access to therapy services through the app?
Affinity Map
Based on the research, I noticed that mental health service sites are not always transparent about cost, making it hard for users to trust.
The objective is to understand what the user’s needs and wants are and find out where their biggest pains come from when searching for a therapist that is a good fit.
Need 1: Low-income
Research shows that 42% of adults who wanted help with mental health could not receive treatment due to cost.
Need 2: Insurance coverage
80% of users say they could not afford therapy if their insurance was not accepted.
Need 3: Personalization
100% of users expressed the importance of being able to personalize the filters with things such as language, religion, and gender.
Personas
After collecting all the data and conducting research, I created personas to help empathize with and understand the target users' experiences and tailor the features to meet their specific needs.
Maya is 34 years old and currently lives in Oakland, CA. Maya typically works 8–5 Monday–Friday, but recently lost her job. She is looking for a therapist who works with low-income individuals without insurance. Her ideal therapist would also have availability for in-person and video sessions because she can’t always make it out of her house.
Goals
Find a therapist who works outside 9-5 hours
Access to low-income offers
In-person and video session options
“I want to get help and work through my trauma, but the difficulty of finding a therapist who accepts someone without insurance and no job makes the process that much harder and extremely discouraging.”
Pains
Affordability
Hours of availability
How Might We?
How might we explore ways to be transparent about session affordability to ensure a trustworthy design?
Feature set
To understand clearly and address the problem, I provided a diagram to keep track of features. This helps layout clearly what really works, what might work, and what could be a nice feature, but not detrimental to the design without it.
The following features were noted as the most important features to have:
Low-income options
Language filters
Insurance filers
Specialization on filters
Site Map
To ensure a clear visual representation of the website's structure, I created a site map to organize content logically and ensure intuitive navigation for users. It helps us understand the website's layout, plan user journeys, and ensure easy navigation, ultimately enhancing the overall user experience.
Low-fidelity Mockups
To make my design tangible, I created some low-fidelity wireframes. I designed them based on the flows and the screens needed to complete each task. I also added onboarding screens to help familiarize new users with the design.
Usability Testing
Using the mid-fidelity wireframes I created, I conducted a usability test with 5 users. Overall, the feedback received was positive. Participants were able to successfully navigate the screens and complete all required tasks. They were asked to complete the following:
Navigate through onboarding screens
Find and read about Lu Toish, the therapist
Navigate to appointment request
Navigate to messages
What went well
4/5 participants expressed their appreciation for the colors, describing them as “welcoming” and “warm”
5/5 participants expressed that this product could benefit their community
4/5 participants said the design was easy to follow
User questions & concerns
3/5 participants asked if it was possible to have the option to message a therapist
2/5 participants expressed that some of the button sizes need to be adjusted
Iterations
The results from the usability test were used to create high-fidelity versions. I revisited my original design and made adjustments to finalize the high-fidelity prototype. After receiving the feedback, I made the following iterations to address some of the concerns and weak points with the original design.
Adding a message feature
I added a feature that allows users to message someone
message screens
Adjusting button sizes
Some of the buttons needed to be resized
Before button resize
Branding
Finding the right color, typography, and logo
After exploring different color options, I settled on aving a calming and soothing palette. Many times, people looking for mental health help are stressed or feeling uneasy. I wanted to offer a design that was welcoming and not chaotic.
Color Palette
Typography
Logo
Hi Fidelity Mockups
Figma for Prototype Testing
Below is a short video of the prototype designed in Figma. Click to watch.
Final Prototype
To view the click-through prototype, click the phone
Lessons Learned
Throughout this project, I was given the opportunity to understand some of the deeper struggles of finding mental health resources. The lack of resources for individuals with low-income needs was a driving force for this project.
I believe everyone should have access to quality mental health services. Soul Haven provides an opportunity for those struggling financially and mentally to seek help from someone they can trust.
View other projects