Prana's aim is to balance the human body chakras to relieve anxiety and stress.

Prana

Prana Mock up.png

Overview

Prana is an app that helps the user balance chakras base on their feelings and emotions.
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.

Project details

Time - 4 months
Tools - Adobe XD
             Adobe Illustrator
Role - UI/UX designer

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.

Screenshot 2021-11-07 at 17.30.49.png

User Research

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 2021-11-07 at 17.38.05.png

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

Personas

Screenshot 2021-11-07 at 17.39.55.png
Screenshot 2021-11-07 at 17.40.32.png

Application flow

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

Screenshot 2021-11-07 at 17.51.02.png

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

Wireframes

Screenshot 2021-11-07 at 21.06.49.png

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

Screenshot 2021-11-07 at 19.58.31.png
Screenshot 2021-11-07 at 19.58.39.png

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.

User Interface

Screenshot 2021-11-07 at 21.03.27.png

Next Project