Breathe UNC

Here is the first version of the wireframe prototype. I was in charge of the Wire framing, as well as the Focus Page/Focus Statistics Page/Journaling Page.

The Focus pages are meant to allow the users to lock out of other distractions happening within their mobile devices. I thought to include several options that clearly state the different types of focus as people can go into do not disturb me mode under different circumstances.

The Focus statistics page is supposed to give the user a visualized data about their sessions, how well they have been doing. This gives user the feeling of progress which attracts users back to the app as well as highlights strengths/weaknesses of the user.

Here, I designed a User Persona/ Journey map for a student called Melanie.

For User Persona, I included her favorite apps, her goals and frustrations to highlight her current mental state, and her exact time usage of the apps so our app could give suggestions on potential help.

For User Journey Map, I designed it so that Melanie would naturally come across the app when she is going through a low phase, download the app and use so she can identify why she is feeling certain way, learn the pattern and become in a stable state of mind and learn gratitude.
‍