HAPPIFY — A Wellness app

Bibin K Ponnachan
9 min readAug 28, 2021

The next project that I would like to introduce is the Wellness app. I got the opportunity to work with Maria-José Paquelier and we had the option of choosing any of the health areas. We decided to focus on Mental Health & Relaxation.

Having a mental health disorder is feeling like no one actually likes you, even though people do.

It’s feeling like a burden even though you’re not.

It’s feeling like you’re too much for others even though you’re perfectly enough.

It’s feeling like things will never get better even though they will.

Remember: you are loved. You are safe. You are not alone.


Despite the vast availability of personal metrics and health apps, people continue to struggle to maintain a healthy lifestyle.

We were asked to conduct user research to understand people’s relationship with mental, physical, and emotional well-being in order to develop a tool that will drive them to action.

The National Wellness Institute wants designers to reimagine how people can adopt and maintain a routine that enhances their well-being.

  • The tool can be focused in any category that relates to personal wellbeings, such as (but not limited to): exercise and fitness, eating/diet, meditation, time management, etc.
  • The only requirement is that it tracks the user’s progress and pushes them to commit to a healthier lifestyle.
  • The UI should reflect a fresh, updated image

A brief overview

We conducted research throughout the Discover phase of this process, which included everything from research to interviews and surveys. We discover some useful user insights, which we analyze and synthesize, bringing us to the Define stage.

we were able to find unexpected difficulties and needs, as well as our target audience, using all of this information about the users and their activities.

During the Develop phase, we began to consider how we could make our target user’s life easier and answer their primary concerns. We needed to consider what features the app may have.

As a result, We created prototypes that We tested with our target audience in order to get input and then iterate to improve the design.

The solution was built during the Deliver phase of the procedure.


The Client

The National Wellness Institute is an organization founded in 1977 with the mission of *” providing health promotion and wellness professionals unparalleled resources and services that fuel professional and personal growth.

NWI offers certification and training for wellness professionals, providing them with frameworks and tools that they can use to help clients achieve their wellness goals. The company has been very successful over the years and their annual National Wellness Conference has become the most highly acclaimed professional conference in health and wellness.

Feature Comparison Analysis

Feature analysis, matrix creation for our project to preserve consistency, and organized information on rival features.

Brand Comparison Analysis

Brand analysis aids in the comprehension of the market for our project.

Market Positioning Map

With the market positioning map, we were able to see which directions other rival apps are currently focused on. It also points strategically to our competitors, allowing us to improve our service based on the gaps we discovered.

Now that we have all this data, we are ready to define.


User Research

To find out what was most important to potential users, we first produced a poll on Google Forms and sent it to various groups and friends. The following are the main findings:

We also interviewed 5 users during the study phase. We learned more about their behaviours, wellness app experiences, and pain points.

We conducted all of our interviews using the Zoom app.

Here are a few of the interview quotes:

Affinity Diagram

The Affinity Diagram was the first tool we used to organize our information so that we could specify which main problems to focus on.

“An Affinity Diagram is a tool that gathers large amounts of language data (ideas, opinions, issues) and organizes them into groupings based on their natural relationships”

User Persona

Let’s take a closer look at our users

Next, we will create the Job stories.

Jobs To Be Done (Job Stories)

The following template is followed by JTBD stories:

The when focuses on the situation, the want focuses on the motivation, and the can focus on the outcome.

First, we categorized the Jobs to be Done:

  • Describes the main tasks that customers want to be accomplished.
  • Complementary work, which customers desire to accomplish along with the primary work.

Then we created our final JTBD:

Value proposition Canvas

We used the Value proposition canvas to understand what jobs your product will be able to hold.

Now it was time to create the User Journey map.

User Journey

After combining both primary persona and affinity map we created our user journey map.

We created a scenario and divided that scenario into 4 stages (all explained below).

Scenario: Irene is having a very busy week. She has a deadline coming up and is immersed in her work. So much so, that she forgets to take breaks during the day and tends to isolate herself to work undisturbed. She is feeling stressed and irritated. She feels meditating will help her calm down and focus better on her tasks.

The Flow of emotions

Stage 1: Irene is having a busy day working from home. She feels stressed because of the upcoming deadline

Stage 2: She decides to choose one of the apps on her phone to meditate for 10 minutes.

After 10 minutes, she doesn’t feel better and decides to do some mindful breathing.

Stage 3: She gets annoyed by the fact that she needs to open another app.

She does 5 minutes of mindful breathing because the longer sessions are not free.

Stage 4: She gets tired of having to choose a different app to feel better and feels worse than at the beginning.

She feels lonely and her mood spirals down.

Problem Statement

Anyone who is struggling with their mental health needs to find a way to track the state of their mental health and their habits in order to take control of their wellness.


We believe that giving the users the right tools to track their feelings, their wellness habits and creating a community via challenges and information, will help them feel empowered and supported.

We will know we’re right when we will see an increase in downloads and in the number of people participating in the community challenges.




The innovative and enjoyable process of How Might We? helps us refine and narrow down the best idea of convergent thinking.

How Might We…..

Which features should be included?

Moscow Method

With the Moscow Method, we determined what features are a must / should have or should be discarded to avoid a cluttered prototype.

Minimum Viable Product

The focus was to build an MVP, so narrowing down the must-haves was crucial at this point in the process.

User Flow

According to our features and the product we have, we created a “happy path” flow. As a result, we can begin making concept sketches and a low-fidelity prototype.


Lo-fi Prototype

“Low fidelity wireframes are just a quick sketch that can make ideas more tangible.

Lоw fidelity wireframes are usually black and white schemes or simple sketches on paper focused on the “big picture” of the page/project. They show UI elements like boxes and lines without detailed annotations.” — Mentormate

Mid fidelity & Testing results

“Medium fidelity wireframes can help to communicate to teams how aesthetic features can support essential functionalities.” — Mentormate

Visual Competitive Analysis

Our competitors’ design strategies and strengths and weaknesses were analyzed through a competitive visual analysis.

Mood board & Brand Attributes

“A mood board is a visual presentation or ‘collage’ made up of photos, text, and samples of various objects in a composition. It might be based on a predetermined theme or it can be made up of any material picked at random. A mood board is a visual representation of a broad notion or impression about a subject. They might be real or digital, and they’re great for giving presentations.”

Style Tiles

“A Style Tile is a design deliverable that shows the progression of a visual identity for the web by using fonts, colours, and interface components.”

After thoroughly examining the Moodboard. We were able to identify the site’s visual identity, for example, what may the primary colours, accent colours, and neutrals be?

Hi-Fidelity Prototype

“High fidelity wireframes take more effort to create, but they are effective in that they reveal how a product will look at project completion.” — Mentormate

See the high-fidelity walkthrough of the app here:

Desirability testing

Microsoft reaction card test: Microsoft created this test by compiling a list of 118 adjectives that may be used to characterize a product.

Next Steps


My first experience with a full UX product gave me a great sense of what to expect on a practical level.

Lastly, I would like to thank Maria-José Paquelier (aka Majo) for her dedication and support throughout the project. I enjoyed working with you and learning from you.



Bibin K Ponnachan

Digital Marketer, Graphic Designer professional and UI/UX designer student.