top of page
FeelPeace_FINAL Main Logo [Color 2].png

FEELPEACE

Guiding users with their mental health struggles through healing and self-care.

FeelPeace visual 1.png

Type of project: Mental Wellness

Tools: Figma, Adobe Illustrator

Role: UI/UX Designer​​​​

Introducing 'FeelPeace'

FeelPeace is a mindfulness mobile app for users that are looking to engage in calm activities and relaxation to improve their their mental health. ​

Target Audience

• Adults (Ages 16+)

Users that are ages 16 and up who are concerned about their low self-esteem and well-being.

FeelPeace visuals 2.png

Integrating FeelPeace as part of a user's life

🚶 .png

Research shows that to have a positive mindset is to have a healthy lifestyle, like prioritizing sleep, meditating, walking or jogging, and mindfulness exercises. What is mostly recommended is by asking a trusted professional therapist for help when life gets too heavy.

​

The goal or question comes to mind is:

​

How can I include the FeelPeace app as part of the user's healing journey?

A solution is to have users track their emotions daily, manage their time efficiently with their tasks, taking the time to write down their thoughts about how they are feeling, and engage in specific mindfulness activities in order to have a positive mindset.

ANALYSIS &
PLANNING

Personas

FeelPeace visual (persona 1).png

"Life has been very rough for me and I want to process everything so that I can be present with my emotions."

- Ginny, 29 years old 

"I've been having constant panic attacks for a long time and I need something to calm myself down ."

- Ian, 22 years old 

FeelPeace visuals (persona 2).png
FeelPeace visuals (persona 3).png

"I’ve been slacking off with my tasks and I have not been organized with myself due to procrastination and laziness."

- James, 34 years old 

Analyzing the problem

GINNY

  • Life Obstacles

  • Negative Thoughts

  • Not having the chance to relax

IAN

  • Rapid heart rate

  • Body in fight-or-flight mode

  • Losing control of your body

JAMES

  • Laziness

  • Lack of time management

  • Poor physical activity

Design Process

1. User Research
Design Process icons-01.png

Researching the needs and ideas based on the analysis of our personas.

4. Design
Design Process icons-04.png
  • Low-Fidelity

  • Mid-Fidelity

  • High Fidelity

  • Visual

2. Wireframing
Design Process icons-02.png

Focusing on designing specific screen layouts, content & buttons that showcases intuitive prototyping.

5. Prototype
Design Process icons-05.png

Connect specific screen content together.

3. Ideate
Design Process icons-03.png

As part of UX Design, list user journey flows before designing Low-Fi wireframes based on the user flows.

Design Process icons-06.png
6. Testing

Ensure usability by testing prototype for any enhancements or improvements.

DESIGNS

User Map (Low-Fidelity)

During the first stages of starting the app, my user map attached shows the user map journey. After doing re-sketch and deep critical thinking, I had to made sure the app was not filled with an complicated amount of clicks or taps.

FeelPeace_Low-Fi_Updated_11-2025_edited.jpg

Grayscales (Mid-Fidelity)

Mid-Fidelity for FeelPeace (updated)_edi
iPhone-16.png
Mid-Fidelity for FeelPeace (updated)_edited_edited.jpg
iPhone-16.png
Mid-Fidelity for FeelPeace (updated)_edited_edited.jpg
iPhone-16.png

By using Figma, The goal after gathering my low-fi wireframes & research, is that I can apply that visual into my grayscales. On top of that, I started prototyping the grayscales to make sure we have an efficient user experience whenever I test my app before it’s finalized.

🧘.png

High-Fidelity

Based on our mid-fidelity wireframes, I approached the final phase in my app, which is the high-fidelity wireframes. There were some minor tweaks that I had to look into, but other than that I wanted to make sure the app was intuitive and straightforward. 

Highlighted Features

iPhone-16.png

Body Scan Meditation

Another form of mindful activity that I add was Body Scan Meditation. This exercise guides the user's awareness when they react to any physical sensations or tensions in their body. In other words, being in tune with yourself. This can help the user's awareness rather than to lose their sense of self in the process.

iPhone-16.png

Deep Breathing

Deep breathing calm the user down peacefully whenever things get hard. In terms of the app's usability is that the user would simply just follow along with the exercise, no other extra clicks.

iPhone-16.png

Testing the Mind

Testing the Mind is asking ourselves questions based on our perceptions, and how the tense moments that either affects us or does not affect us. This fosters growth, and self-awareness for the user's brain, and the goal for my app was always for the user to feel present and aware.

Managing tasks

On one of our personas discussing laziness and procrastination, the user can develop better time management by just managing their tasks. The result I wanted out of this feature is to have the user have a healthier mindset throughout with their daily life.

High-Fi (Journal) 10.png
iPhone-16.png
High-Fi (Tasks) 9.png
iPhone-16.png

Wellness Journal
(Self-Reflection)

Whenever a user needs to self-reflect, journaling helps boost self-management and release stress. I ask myself as the designer, how can we truly understand the user's feelings?. Which is how I added a mood log and even journalling suggestions integrated into the app as a way to keep in track of the user's emotions.

REVIEW

Review (What I learned)

Gathering information to develop a design plan and solution. 

I found it simpler to discuss the user insights and the solutions to their problems for the app. The main thing I had to pin in my mind is that how could these decisions can guide the goal for the product.

What worked, and what I need to improve

What went well

In terms of the product’s goal, I got the design plan & solution of the user journey’s goal covered. I had to consider the product’s goal while developing the app. 

 

What needs to be improved

There were moments in developing this app that I wish I had more time to research, that it would’ve made this app more efficient. Also, if I had real users use my app, we would have had the user experience more effective.

NEXT PROJECTS

image_edited.png

Redesigned

JotRoom Logo for Portfolio Thumbnail_edited.png

JotRoom

bottom of page