UI/UX: Prana-Thesis

Prana: Balancing human body chakras to relieve anxiety and stress

According to popular belief, the basic human chakra system consists of seven chakras stretching from the base of the spine to the crown of the head.

Group 175.png

Overview

Mock up overview.png

Prana's purpose is to help people cope with anxiety and stress in this competitive world. The idea behind the concept was to bridge 2 eras of ancient and modern science. Focusing on the energy centers (chakras) to help heal oneself.

Design Brief

What

An App to help balance your chakras based on your feelings/moods/emotions

Who

For people dealing with stress and anxiety

Age Group: 20-30 years

Why

To help people achieve happiness and positivity on an interactive platform

Research

According to popular belief, the basic human chakra system consists of seven chakras stretching from the base of the spine to the crown of the head. The term chakra appears to have originated in the Hindu Vedas. The chakra structure originated in India between 1500 and 500 BC, when the earliest yoga books, the Vedas, were written. But most Indian scholars consider that the chakra system was much older than that. Pranic Healing is a basic, but strong and efficient non contact energy healing system. It is founded on the basic tenet that the body is a self-repairing organ with the inherent capacity to heal itself.

chakras-02.png

Gathering insights from the primary research.

A survey was conducted and a total of 88 responses were collected, out of which 77% knew what chakras are and few gave their own definition.

Around 50% of them meditate and out of this 19% meditate daily.

The majority are interested to learn more and would be interested in having

a platform to learn from.

Screenshot (257)_edited.jpg
_edited.jpg
Screenshot (265)_edited.jpg

Competitor Analysis

An assessment of the competitor's strengths and key features are represented below in the form of a table to help develop strategic planning for current potential.

Competitor analysis.png

Personas

Here are some user personas to understand the possible scenarios and to see which functions could be useful.

indian-man-simple-white-tee-studio-portrait_2x.png

Vipul Batta

Age 27

Bio: Vipul is in between jobs, and is figuring out what to do next in life. He previously worked at an MNC and was tired of his busy schedule. He has always been curious about the human body chakras and wants to learn more about them and how to use them to help with his anxiety.
Behaviors: An enthusiast to download and try new apps. Believes the chakras can help in healing oneself. Meditates weekly and would like motivation to do more often.
Needs: A motivation to meditate and focus on themselves. An app that can help with this and gain more knowledge.
Frustrations: Doesn't feel encouraged, nor does he feel engaged

cheerful-traditional-indian-woman-white-background-studio-shot_2x.png

Esha Narula

Age 24

Bio: Esha is working as a marketing head at a start-up. She enjoys her work but working at a start-up is very stressful with long and non-flexible hours. Managing her stress had become harder and she is open to new methods including ancient science techniques.
Behaviors: A keen learner and is very open-minded. would be will to gain knowledge on chakras and their uses. Has not tried meditating.
Needs: Something calming and relatable, a safe space to journal in feelings and receive guidance.
Frustrations: Non user friendly apps, not exciting if she is not learning anything

Application flow

Keeping the process simple, here is the application flow to help get an early glance at the features from the home screen.

Sitemap.png

Wireframes

Wireframes_2x.png

After visualizing the task flow, and creating sketches and low fidelity wireframes. High-fidelity wireframes were created to visually understand more clearly.

Style Guide

This is a guide to help design the User Interface. A calm and bold color palette is chosen to meet the essence and feeling of chakras.

Style guide_2x.png

User Interface

Once the flow and wireframes were completed, the visual design started. Chose a look and feel that would resonate with the app and its users.

UI.png

Prototype

A video of the prototyping of the application after its final UI had been designed.