top of page
portfolio logo.png

Dynamic Final Design

Rectangle-3.png
Rectangle-1.png

Final Design

Guided by user-centred research and a deep understanding of individual mental health needs, I created Mindset. My commitment was rooted in building a supportive community that promotes resilience and knowledge-sharing, all with the overarching goal of enhancing users' mental well-being. 

The goal is to consolidate all the information a user might need to support their mental health into a single location, simplifying that aspect of their life.

Home

Rectangle-5.png
Rectangle.png

View upcoming appointments and quickly ask any questions to your AI Bot.

Key Features

Easily access your calendar to view and modify upcoming appointments.

A home page AI Bot widget allows you to ask questions directly, without navigating to the AI page.

Profile

Rate your current mood and track your emotional progress. 

Key Features

An emotion tracker to monitor your progress over time.

A friends list to quickly find and contact all your connections.

Rectangle-4.png

Advice

Rectangle.png
Rectangle-1.png

Seek guidance on various situations shared by users.

Key Features

Users can browse questions asked by others, allowing them to see that others are going through similar experiences.

An "Ask" section where users can submit questions they need answered.

A "Recent Responses" section for users to quickly access their questions and view others' replies.

Ai Bot

Rectangle-2.png

Chat with a virtual assistant, providing support for those who may find it hard to open up to others. Ask questions about various medications and therapy options.

Chat

Rectangle-1.png
Rectangle.png

Connect with others about challenges they may be experiencing. Search for groups or apply filters to quickly find topics that interest them.

Key Features

Individuals can browse multiple chats covering various topics, allowing them to connect with others about areas of concern.

Information

Rectangle-1.png
Rectangle.png
Rectangle.png

Book therapists, explore various medications, and find support groups to join.

Key Features

Individuals can browse nearby therapists and view ratings from others, helping them choose a reputable therapist.

Users can browse medications that may be beneficial, check availability, and locate nearby stock.

Users can discover local support groups available for them to join.

Problems Solved

01

Consolidates all the information users need into one place.

02

Enables users to connect with others in a judgment-free environment.

Offers users information to support and enhance their mental health.

03

Rectangle-5.png
Rectangle-4.png
Rectangle-3.png
Rectangle-2.png
Rectangle-3.png
Rectangle.png

Addressing mental health is a significant concern for young adults, with approximately 41.9% grappling with this issue. It's a topic close to my heart, as I've witnessed people I care about facing these challenges. This is because opening up about mental health can be difficult due to fear of judgment or feeling like a burden.

PROBLEM

GOALS

The aim of this application was to assist individuals facing difficulties in expressing their mental health concerns, guiding them towards the support they require.

CHALLENGES

The difficulties encountered during the app's development involved ensuring its utility without unnecessary complexity.

1.png

Design System

Mindset's design system is built to reflect the principles of modernity, organic beauty, and aesthetics. It accomplishes this by incorporating simple yet refined elements, including a distinctive typeface and unique graphic features that bring a sense of individuality to the app.

Logo

Frame 10 (2).png

Typograhy

H1 Sora - Bold 30px

AaBbCcDdEeFfGg

H2 Sora - Semi Bold 18px

AaBbCcDdEeFfGgHhIiLlJj

Body Sora - Regular 13px

AaBbCcDdEeFfGgHhIiLlJj

Subtext Sora - Light 10px

AaBbCcDdEeFfGgHhIiLlJj

Colour Palette

WHITE

RGB 255 / 255 / 255

HEX #FFFFFF

PURPLE

PURPLE

RGB 228 / 140 / 216

HEX #E48CD8

MID PURPLE

RGB 145 / 143 / 223

HEX #918FDF

DARK PURPLE

RGB 89 / 115 / 230

HEX #5973E6

Icon Design

Group 189.png
Group 188.png
mindset.gif

THE PROCESS

Research

The initial research aimed to explore young adults' mental health and identify supportive methods that promote communication and convenience.

Questionnaire

A questionnaire was sent out on reddit to reach my audience easily, resulting in a total of 30 responses.

Key Takeaways

  • Similar Experiences

There was a small variety of options that were available and the importance of creating a start-up that is more beneficial for students is needed.

  • Aware of Helpful Strategies

This indicated to me what I should be including in my start-up. Something that can help students overcome these issues or even make it a bit less difficult to what it already is.

Making me aware of the current situation at hand and how students are struggling at university due to the lack of help.

  • Methods Used

  • Talking about Mental Health

Include ways to translate uni work, assignments and timetables easily, and a platform that students can easily communicate to tutors.

Interviews

A total of four interviews were conducted to gain insight into user frustrations and pain points. This informed the development of an app that met the users' needs and preferences.

young adult girl.jpg
Happy Portrait
mid 20 age brown woman_edited.jpg

"It's nice to have people to relate to and that understand what you're going through."

"I don't know if I have ever reached out for help."

"It can be hard to be vulnerable since I get scared at what their reaction will be."

Dani, 17

Jack, 21

Shannon, 24

Key Takeaways

  • Participants stated how they struggled to open up to others and express their struggles and emotions they are dealing with.

  • Users expressed how they find it difficult to be vulnerable without the fear of judgement or feeling like a burden.

  • A relatable support system was preferred since users felt like they could relate more and understand.

  • Users mentioned how having a routine that includes stuff you enjoy helps your progress and slowly improve your mental health.

Iterations

The design process was completed in two stages before the final design. The first and second stages involved usability testing to identify areas needing improvement and to ensure the design's user-friendliness.

  • STAGE 1:

A heuristic evaluation was conducted to identify areas for improvement, with five out of the ten heuristics highlighted as concerns to ensure the design was both functional and visually appealing.

  • STAGE 2:

A think-aloud session was conducted to uncover minor details in the design that needed improvement and correction to ensure functionality. Additionally, an SUS evaluation was carried out to confirm that all features of the interface function cohesively.

Walk Through

Mindset Walk Through.gif

More Case Studies

Untitled design (13).gif
Untitled design (10).gif
Untitled design (14).gif

Mindset

This app is aimed to help enhancing users' mental health by leveraging the power of communication and information. The core mission is to provide users with a unique platform where they can connect with individuals who have gone through similar experiences, enabling them to gain valuable advice and much-needed support. This project was completed as a personal project based off people very close to me.

TOOLS

Figma

FIGMA LINK

bottom of page