top of page
Screen Shot 2022-09-20 at 10.34_edited.jpg

Me&My Emotions

Empowers people ages 13+ by building resilience skills.

Project Brief 


The Dibble Institute asked students to explore how to bring the Mind Matters mental wellness support content and exercises directly to young people, and how to make it all more effective, engaging, and meaningful. Mind Matters has become a go-to tool for adults and professionals working with young people. The curriculum teaches simple skills that cultivate healing and build resilience.

 

Me & My Emotions is designed to support teens social-emotional learning (SEL) and development. With engaging graphics and bite-sized lessons, Me & My Emotions invites teens to slow down, check in with themselves, and develop practices that align with the same skill sets available in Mind Matters curriculum:

*Self-Soothing and Mindfulness Practices
*Managing Stress Effectively
*Developing Empathy
*Developing a life of Intention
*Building and Using a Support System

 

Time

2021

Tools

Figma

After Effect

Adobe illustrator

Type

Fellowship

Team

4

My Role

UI/UX Design 

  • Effectively interpreted client requirements, converting them into clear and well-defined product stories and actionable tasks promptly and accurately.

  • Created innovative UX/UI concepts, including storyboards, personas, wireframes, UI design systems, and prototypes.

  • Successfully designed the digital services for various platforms, implementing creative strategies to enhance customer engagement

Design Challenge

How to Digitalize the Content in Mind Matter Courses?

Mind Matters Curriculum Research

What is the core content of "Mind Matters"

Screen Shot 2022-11-07 at 12.58.59 AM.png
Screen Shot 2022-11-07 at 12.58.48 AM.png
Screen Shot 2022-11-07 at 12.58.53 AM.png

Design Problem

How Might We...

engage young people to learn Mind Matters skills and improve their emotional intelligence via online resources and social media?
 

Background Research

We learned a lot from our research and our guests...

COVID-19 has intensified the struggles of teenagers. They have to balance school, family, friends, and work. Each year, 1 in 5 teens aged 13-18 experience a mental health condition including anxiety and depression.
 

Increased Social Isolation
 

86%

 

89%

 

Lack of interactive environment
 

Lack of accountability and motivation
 

81%

 

Interview Key Insights

“It’s harder for adolescents to feel comfortable enough to show that vulnerable internal experience, and sometimes, it’s hard for them to identify their emotions.”
 

-Dr. Carlene Fider

Adolescent Development Expert, Pacific Oaks College.

4 Ways to Build Resiliency Skills with Help of Time and Intentianality

Teens need to learn to build resilience.

Screen Shot 2022-11-07 at 11.14.38 PM.png

Habit Formation

We want to study how habits are formed to help users develop habits that help improve mental health.

Screen Shot 2022-11-07 at 11.23.31 PM.png

How are Teens Engaging Online

Social Media

Teens are big fans of social media. Such as instagram and TikTok, goes viral among teenagers.

Gaming

155% sales increase in game consoles during the COVID-19 pandemic as of March 2020.

52.9% sales increase in digital games during the COVID-19 pandemic as of March 2020

top-apps-worldwide-january-2020-by-downloads.jpeg
Screen Shot 2022-11-07 at 11.42.57 PM.png
Screen Shot 2022-11-07 at 11.43.05 PM.png
Screen Shot 2022-11-07 at 11.43.10 PM.png
Screen Shot 2022-11-07 at 11.43.16 PM.png

How Do Teens Learn

Some teens prefer a classroom setting because the guidance helps them retain focus. Occupying them with interactive activities results in higher engagement.

Competitive Audit

Me&My Emotions Highlights

1. “You are not alone” - people share vulnerable emotions
2. Using humor or a lighthearted voice to talk about heavy topics
3. Different choices of context chosen for different target audience groups

Screen Shot 2022-11-07 at 11.50.54 PM.png

Redesign

Meet the New Mind Matters

Screen Shot 2022-11-08 at 12.38.24 AM.png
Screen Shot 2022-11-08 at 12.38.30 AM.png
Screen Shot 2022-11-08 at 12.38.37 AM.png
Screen Shot 2022-11-08 at 12.38.43 AM.png

Who is Our Audience?

Screen Shot 2022-11-08 at 12.49.25 AM.png

Our Approach

Me&MyEmotions targets teens where they are:

01 App

02 Video Lessons

03 Social Media

04 Digital Ads

05 Merchandise

06 Websites

Design 

Deliver the designed product.

Application Iterations

We designed an app to allow users to take online mental health coaching sessions. The app consists of three main "rooms"

Learning: In our Learning Room, we’ve got 12 fun video lessons to help you focus on building resilience and improve mental health. It only takes a couple of minutes to learn something new!

Reflecting: Before you can start to feel better, you have to understand what you’re feeling. The mood tracker and simple journal in our Reflecting Room will help to identify your emotions.

Creating: You can be an artist and a DJ here by using our creative room to make your own art and compose your own music! Creating music and art is a fun and helpful way to calm your body and mind.

Understand the framework of the app.

Screen Shot 2022-11-08 at 1.10.19 AM.png

Prototyping Ideas

Untitled (1)-1.png

High-fi Prototype

Based on previous user testing, we decided to use contrasting colors to match teens' likes. At the same time, match with the original green colors of the "mind matter".  In order to increase the game experience of the app, we increase the fun of making music and painting in the creating room.

Onboarding

Homepage

Learning Room

Reflecting room

Write Refelctions

Creating Room

Community

Setting

Untitled (2)-1.png

Focused Breathing Lesson Video

When the user enters the learning room, there will be an animated course demonstration.

Focused Breathing Exercise Video

Users can practice with to the animation lessons

Digital Ads

We provide promotional animations for this product.

Social Media Account

Daily greetings

Daily challenges

Practice related posts

Other resources

Screen Shot 2022-11-08 at 2.07.12 AM.png
Screen Shot 2022-11-08 at 2.13.53 AM.png
Screen Shot 2022-11-08 at 2.15.06 AM.png
Screen Shot 2022-11-08 at 2.14.58 AM.png
Screen Shot 2022-11-08 at 2.13.43 AM.png

Merchandise

Pins & Sticker & Tote Bag

  1. Everyday product.

  2. Pins and stickers has been seeing as a way of “Self-expression.” 

  3. Merchandise remind curriculum practice.

Website

We have designed the web version of the course and have released it online.

smartmockups_la82c0kf.png
Untitled (3)-1.png
Screen Shot 2022-11-08 at 2.27.28 AM.png
bottom of page