IMG_0493.JPG

Nurturing

a Fragile Workforce

Building a safe and secure space for mental health in the workplace.
Unbreakable-each-elements-08.png

Project Brief

Client

Pickup Studios

Role

UX/UI Lead

Industry​

Healthcare

Project Description

Emvitals is a user-centric mental health health dashboard which utilizes user input to baseline, monitor, and ultimately provide the tools needed to not only recognize and treat mental abnormalities, but also help remove the social stigmas surrounding mental health care.

Unbreakable-each-elements-06_edited.png

Our Approach

emVitals is a mental health care product that provides participants a roadmap to enhance and monitor their mental well-being. Participants are first required to take a questionnaire in order to a baseline reading of their current mental health levels and then pending the outcome of the results to use this information to help connect with resources, and also compare their first assessment with future assessments to track and monitor progress. Our goal was to design a dashboard that was simple, intuitive with easy to locate external support resources, with a plan to highlight a participants progress and celebrate their achievements.

Step 1: Why Are We Here?

emVitals already had a functioning product, but was designed and built by developers to satisfy business requirements. An end-to-end process that was confusing and plagued by multiple drop-off points and low conversion and retention rates were issues that needed attention. 

Step 2: Identify Problem Areas

Understanding business requirements and aligning those with the needs of our end-user were the keys to providing a successful experience. Most importantly, when dealing with mental health - Ask the Experts!

UseCase.png
wires01.jpg
Desktop Copy 2@2x.jpg
Desktop Copy@2x.jpg
Unbreakable-each-elements-22.png
Unbreakable-each-elements-07.png
Desktop Copy 3@2x.jpg
Desktop HD - Connect@2x.jpg
Unbreakable-each-elements-10.png
wires02@2x.jpg
designValidation.jpg
Unbreakable-each-elements-26.png

Early Design Explorations

Our initial design direction was similar to that of a traditional dashboard with access to treatment options, connections to professionals, with an overall summary of the questionnaire data.

ARCHIVE-emVitals Results - 01@1x.jpg
Desktop HD - Landing.jpg
emVitals - 04.jpg
Desktop HD - Popup@1x.jpg
Unbreakable-each-elements-23.png
Step 3: Iterate
Storyboard & Prototype

After mapping the user journeys and identifying high-level pain points we began sketching out early design ideas and sharing low-fidelity prototypes. 

Aside from a confusing layout the explorative feedback we received centered not only on the designs, but the also the voice of the product. A calm and soothing design had to have similar copy to compliment. 

Research also informed us that both the questionnaire and dashboard needed to be accessible outside of a company issued device. When dealing with mental health, trust, was the highest factor in increasing retention. Ultimately, participants felt more comfortable on their own devices.

Making Real Improvements

As we refined the design vision our direction was to create something soothing, intuitive, and easy to follow. When dealing with mental health and design, keeping the end-user in focus was a crucial.

Unbreakable-each-elements-02.png
PHYSICALHEALTH.jpg
PHYSICALHEALTH.jpg
SNAPSHOT-03.jpg
mobile.png
Mobile@1x.jpg
mobile.png
No Risk and Low View.jpg
mobile.png
Mobile-Critical Copy@1x.jpg
mobile.png
emVitals-navigation.gif
Unbreakable-each-elements-05.png
DesktopNavigation4.gif
TOP NAVIGATION@1x.png
Unbreakable-each-elements-21.png
PHYSICAL HEALTH - 01.jpg
WELL BEING - 01.jpg

Project Takeaway &  Metrics

Through research, collaboration and perseverance this product was launched during the Covid19 Pandemic at a time when our first responder's mental health was at a breaking point. By aligning on a user-centric approach to product development we not only built a valuable tool for mental health, but also allowed the user to participate at a time that was safe and convenient.

Retention Rate
Conversion Rate
Heart & Hands_edited.png
Unbreakable-each-elements-32.png