Poruch: Mental Health App

Timeline: November 2022 - January 2023       
Platform: Mobile
Tools: Figma
Project Overview
This project was developed during my UX/UI course for a real client, a psychologist specializing in helping individuals affected by war trauma. I collaborated with a mentor and three other students as part of the team.
My Role
I was  involved in all stages of the design. I participated in UX research, wireframing, visual design, and preparation of the UI kit. I also was responsible for team management and project planning.
Problem Statement
With the beginning of the war in Ukraine, many people faced increased anxiety and manifestations of panic attacks. Coping with stress and anxiety has become very relevant problem for many Ukrainians. Moreover, blackouts and internet disruptions in Ukraine have made it harder to access online resources for seeking advice or practicing breathing exercises, adding to the challenges individuals face in managing their mental well-being amidst these uncertain times.

Design Process

User Research

We conducted in-depth interviews with 5 pre-selected people. Our goal was to understand what people with anxiety disorders and panic attacks face with and how do they cope. In total we got about 6 hours of records which gave us dozens of insights.

Bad experience of working with psychologist, lack of confidence that problem can be solved.
Lack of support from loved ones, they don’t believe that problem is serious.
Huge amount of information in the Internet, but it’s hard to find well structured and evidence-based knowledges all in 1 place
A lot of war-related triggers like loud sounds, civil defence sirens, airstrikes, blackouts.
Blackouts in Ukraine affected Internet accessibility, so its not possible to find breathing exercise or technic to cope with panic attack
Totally unpredictable future and constant anxiety

User Personas

2 Personas were created based on user’s interviews. First Persona is focused on coping with her own mental issues (anxiety and panic attacks), Second Persona wants to help her partner with panic attacks and cope with anxiety about future to stop postponing important life decisions.

Persona 1: Suffering from mental health issues
Persona 2: Helper

User Journey Map

A User Journey Map was developed for each persona to get better understanding of our user’s problems and pains. We identified several dozen problems and pain points of our users and gained many insights into possible solutions.

Open in new tab

Competitor Analysis

We analysed 7 mobile mental health apps which we found relevant and which were mentioned by customer. Our main focus was on features, price, relevancy of information (war related triggers) and offline accessibility which is crucial for our users, suffering from blackouts.

Conclusions:

Only 2 out of 7 apps has information relevant for people suffering from war related stress ans triggers. Our competitors don’t have Coping Cards technique which can be our advantage. Offline mode is also crucially important for Ukrainians because of blackouts. It means that Internet related features can be cut off.

Brainstorming

We conducted 2 hours Zoom session with the whole team involved to brainstorm ideas for possible solution. As a result we generated more than 100 ideas for app features, content and tone of voice. We focused on user problems discovered during mapping and generated possible solutions for each problem.

User Flows

We selected 4 main user flows to show in PoC. Below there is an example of one User flow diagram.

Wireframes

Based on user flows we created 70+ high fidelity wireframes.

Visual Research

Based on mood boards, provided by customer we created visual design. We used atomic design approach to create design system for our project. Colour scheme for the app was chosen with the approach to create emotional engagement with the user. We chose soothing and restful colours to encourage a sense of calm and create warm and welcoming vibe.

Colour Scheme
Typography
Design Concept

We prepared 4 user flows and created clickable prototype to present main features of the app.

UI Kit & Design System

Go to all Case Studies