top of page
Screen Shot 2019-12-04 at 8.24.22 PM.png

Mental Health Stigma

​

Goals & Objectives

Find a solution to help bring awareness to mental health stigma. Most people don't seek treatment for a variety of reasons, but even when access and funds are available the stigma still remains.

Target Users and Audience

+ Users with mental health issues

+ Users who wanted to find resources and therapists on a site besides their provider portal

​

​

Roles and Responsibilities

I collaborated on this project with my teammates Aaron Bytendorp, Henrique Saboia, and Elizabeth Grantham. We all contributed to the UX design process. I took lead on the Persona design, the wireframing and therapist filter and therapist profile pages on the website. 

Personification

From our initial research and interviews, we created our persona Aaliyah Miller. She represents our user, who struggles with generalized anxiety disorder.

Goals

+ To overcome the initial fear of going to therapy

+ To find a therapist that will teach her the techniques to cope with mental health issues

+ To find a therapist that fits her needs including her insurance plan

+ To feel accomplished by seeing a therapist and conquer her fears

Scope and Constraints

We were tasked with this project and had roughly 6 weeks to complete it. I broke down the process below and explain my process to convey the value of proper research and testing.

scope.png
persona.png

The Task At Hand

To understand our user flow we broke out the different goals into tasks, and subtasks as a group. After several iterations, we came up with our first release for our minimum viable product.

user story1.png
user story 2.png

Defining the Experience

To understand the experience flow, we set out to do some sketches and whiteboard ideas. This helped us plan the UI, and collaborate as a group.

sketches.png

Wireframing

From our initial sketches and rendering we brought to life our lo-fidelity wireframe. We split up the pages as a group and collaborated on the flow and styling.

wireframe1.png
wireframe2.png

First Look

The first experience our users had with our prototype gave us some insightful information. Takeaways from this process were:

+ Update our call to action button to be more descriptive

+ Change our questions to real pages instead of pop up modules

+ Add progressive disclosure to the filters section

+ Include real content instead of placeholder text

Style Guidelines

After our first round of testing we came up with our style guide. We utilized the following styles:

+ Primary color Green 

+ Secondary color Light Purple

+ Headings: Libre Baskerville

+ Body: Roboto

Hi-Fidelity Experience

After several rounds of user testing and iterating, we came up with our final product.

Click on this to view the prototype.

homescreen+computer.png
provider+tablet.png

Final Thoughts and Retrospect

After completing this project and taking the feedback given from instructors and our user testing, I felt there was room for improvement. In the next release, I'd fix the existing issues and user test again to ensure the site flow met the users needs. This would include a revision of all the boards to make them more uniform in their look/feel and update some of the color combinations (green/yellow).  I feel like we accomplished our initial goal of building a minimum viable product while keeping our user in mind. 

bottom of page