In Your
Mind
UI/UX
Illustrator | Figma | Procreate | Google Forms
This project aims to create a mobile app while understanding the fundamentals of UX and UI design. The problem and research stages are part of a collaborative group work for time efficiency in data collection. The stages afterward are all part of personal work.
I designed a mobile game app to spread awareness of mental illness. From the data collected, a gameplay is more suited to the target audience to maintain engagement and interest.
01
how Might We
How can we raise mental illness awareness among teenagers and young adults?
WHO:
Teenagers
Young adults
People who want to understand how mental illness feel like
People seeking comfort & relate
WHAT:
Not enough representation
Most people affected,
don't talk about itStereotype and stigmatized
Misinformation
WHERE:
Social media
General media (movies, news, etc.)
Live-streaming service
Personal experience
Media critics and journalism
WHY:
Understanding personal challenges
Spread awareness to more people
Provide comfort and validation
Reducing stigma and breaking stereotypes
Encouraging help-seeking
02
Research
Section 1: Demographic
Section 2: Mental Health Awareness
Section 3: Mental Health Perception
Section 4: Mental Health Solutions
Survey
interview
Thoughts on video games raising mental illness awareness:
could be done with the right approach and well thought game
help a lot of people be more aware of the struggle that people with mental health problems go through
can be effective to spread awareness due to the growing amount of people gaming
can give a safe space for people to explore their feelings and reactions
Concerns:
need a balance for video game addiction among certain people
needs to be done correctly in representing mental health
target only certain group of gamers due to personal preference in game genre
03
Persona
04
User Flow Chart
05
Wireframe
06
Brand
Identity
The mental illness awareness game is a story driven mobile game that educate users about mental health and coping strategies in a creative and engaging way to teenagers and young adults.
TONE OF VOICE:
Compassionate
Inclusive
Respectful
Inspiring
Approachable
VISUAL IDENTITY:
Calming color palette
Minimalistic and clean design
Hand drawn style to give that human touch
Consistent layouts
Simple and intuitive icons
07
High-Fidelity
Mockup
08
Reflection
Finding precedents for creating a game flow chart became one of the main challenges of this project. I would like to give a shout-out to Joss Querné for this amazing post on explaining game UX design. Another challenge was creating a grid system for my vertical game design which I had to adapt the grid system from a normal mobile app.
In the end, I'm really glad to have an opportunity to challenge myself and choose an unconventional project to explore and learn from.
