top of page
23.jpg
Group 2901.png
Creating a mental health app for professionals and patients

Recent years have seen a global rise in mental health issues due to factors like daily stress, emotional challenges, economic uncertainties, and social isolation. The World Health Organization reports that over 450 million people worldwide suffer from mental or neurological disorders, with increasing rates of depression, anxiety, and stress. This situation highlights the need for practical and accessible solutions, such as the MindJournal app, to help individuals manage their mental and emotional well-being.

year

2023
 

Market

Mental Health

​

My role

UX strategy
Architecture
User interface
Prototype
Visual Design

Styleguide

How mindjournal can become a solution

The "MindJournal" app was conceived from a personal need identified during therapy. I recognized a gap in practical tools for daily tracking of thoughts and emotions and a secure way to share this with my therapist. The idea, initially vague, became clearer as I applied therapeutic methodologies, leading to the creation of an emotional diary app.

The app addresses the need for a secure platform to record and share emotional states, track progress, and facilitate self-reflection. The "MindJournal" emerged from my journey of self-discovery and aims to assist others in their pursuit of self-awareness and mental health care by promoting effective emotional management.

Group 2786.png
Group 2785.png
Group 2787.png
Group 2789.png
Applied methodology

I implemented the double diamond technique to explore and refine ideas.
I followed it step by step, starting with understanding user needs, making comparisons with the market and designing possible solutions.

This helped create an app that will truly meet the needs of both patients and mental health professionals.

11.jpg
Competitor analysis

Our analysis of the mental health app market revealed a lack of direct competitors for MindJournal. While many platforms offer online therapy services, providing remote communication with therapists via video calls, text, or chat, there is a notable gap in apps focused on daily self-care and personal reflection.

MindJournal stands out by offering a daily self-care tool rather than just online therapy. It allows users to record their thoughts, emotions, and moods daily, providing a secure space for self-reflection and continuous emotional monitoring. This innovative approach addresses the market gap for tools that promote daily emotional management and self-awareness.

111.jpg
12.jpg
CSD Matrix

I chose the CSD Matrix methodology to enhance the development of MindJournal for several key reasons. It provides a structured approach to identify certainties, assumptions, and doubts about the product, helping to clarify what is known, believed, and uncertain.

This method allows for a thorough evaluation of our ideas and assumptions, enabling us to prioritize areas needing further investigation. The CSD Matrix also guides the development process by highlighting confident areas and those requiring improvement, directing our efforts to address uncertainties and reinforce assumptions about the product.

13.jpg
UX Research
Surveys

During the development phase, I conducted a quantitative research study, gathering over 250 responses. Through this survey, I gained valuable insights into the functionalities that people desire in an application. It provided a comprehensive understanding of the features that users would like to have in the app.

​

Moreover, this extensive feedback helped uncover the practical usefulness and relevance of the application. Understanding the user perspectives allowed me to shape the MindJournal app more effectively, aligning it with the genuine needs and preferences of the intended audience.

I asked people from all over Brazil about their motivation for going to therapy, about the use of apps that help with therapy, and what features they would like and use.

14.jpg
15.jpg
Interviews

I conducted qualitative research by interviewing two mental health professionals and two therapy patients to understand their perspectives, challenges, and needs in mental health. This research provided valuable insights into their pain points and expectations, allowing me to tailor the MindJournal app to better address their specific needs and concerns.

Main phrases during the interviews

39.jpg
Journey Map

I created a journey map to aid in the discovery of the application, detailing the user's journey from the moment they seek a therapist until after they finish the session. The MindJournal would come into play after the therapy session, offering support for the user to record and reflect on their thoughts and feelings post-therapist meeting. This mapping aims to better understand the user's needs throughout this process and provide a complementary and effective support for their emotional well-being.

17.jpg
Jobs to be done

I used the "job to be done" for the MindJournal app. This approach helps in understanding user needs and setting specific objectives that users hope to achieve when using a product or service. It helps to comprehend the problems users aim to solve, guiding the creation of solutions that effectively address these needs. This method assists in clearly defining the product's purpose, aligning with user expectations, and gaining a better understanding of the value the product provides.

jtbd mindjournal.jpg
Content strategy
Feature Prioritization

The MoSCoW method was instrumental in the prioritization of features for the MindJournal application. By categorizing features into "Must have," "Should have," "Could have," and "Won't have," I was able to clearly define and prioritize the essential functionalities crucial for the core offering. This method facilitated the distinction between fundamental aspects necessary for the app's functionality and those that, while beneficial, were not immediately critical for the initial version. The process ensured a focused approach in the development of the app, emphasizing crucial features that aligned directly with the primary objectives, ensuring a more efficient and targeted product development.

18.jpg
Information Architecture

After prioritizing the features of the MindJournal app using the MoSCoW methodology, I focused on creating the user journey and information architecture. The user journey maps the steps a user takes, from their first contact with the app to its everyday use. This allowed me to identify crucial points at which each prioritized feature could be implemented to provide the best user experience.

Information architecture organized how these features would be structured and accessed within the app. This involved planning navigation, screen layout, and how users interact with each feature. The focus was on ensuring an intuitive and effective user experience, with easy access to essential features following a clear logic of use. These steps were crucial to ensure that MindJournal met users' needs in an optimized way.

 

41.jpg
40.jpg
Designing
Wireframe

The process of prototyping and constructing wireframes for the MindJournal app was a critical step in visualizing and structuring the application's layout and functionality. Through this phase, I designed basic, skeletal outlines representing each screen and its potential functionalities. These wireframes laid the foundation for the app's navigation, layout, and user interface, focusing on clarity and simplicity.

Captura de Tela 2023-10-25 às 11.30 2.png
Low Fidelity Prototype

Iterative improvements and adjustments were made based on feedback and usability testing to ensure a seamless and user-friendly experience. As a result, the wireframes evolved into a more detailed prototype, giving a tangible preview of the app's look and feel before proceeding to the development stage. This method allowed for a better understanding of the app's flow and provided a blueprint for the development team to build the MindJournal app efficiently and effectively.

Group 2902.png
Visual Design

After creating the low-fidelity prototype, I proceeded to develop the visual design, including crafting the logo, brand identity, and defining color palettes. At this stage, the focus was on translating abstract concepts into tangible and appealing visual representations. The logo and brand identity were carefully designed to reflect the essence of the application, aiming for a design that resonates with the target audience.
 

The selection of colors and visual elements was done thoughtfully to evoke a sense of calm, clarity, and professionalism while keeping in mind the user experience and visual identity that aligns with the application's purpose.

30.jpg
Components
31.jpg

I developed the application's interface by creating core components and a design system. This involved defining consistent design elements—buttons, input fields, icons, and typography—to maintain a unified visual language. The design system ensured standardized, intuitive user experiences and streamlined the development process, enhancing the overall interface with a cohesive and structured design.

Homepage

The app's homepage features an interactive dashboard where users can log their daily mood, view charts of mood fluctuations, and track monthly summaries. It includes sections for recording current feelings, completing therapist-suggested tasks, and monitoring progress, providing a comprehensive and personalized overview of emotional well-being.

32.jpg
Functionalities

In designing MindJournal's interface, we prioritized creating a welcoming and intuitive experience. We developed a mood monitoring page for daily emotion logging and pattern identification, a progress chart page to visualize emotional trends over time, and a diary page for straightforward note-taking. These features were designed to offer a safe, effective environment for self-care and personal growth.

35.jpg
34.jpg
33.jpg

Let's have a chat

I love talk about design, product and technology.
If your team/project needs a designer or If you would just like to say hi feel free to message me below.

Let's connect

  • LinkedIn
  • Behance

Linkedin

Behance

bottom of page