00-cover-feature-mandala.jpg

Mandala Yoga Fitness App

 

02/18


Mandala Yoga
Fitness App

 

 

Yoga is a group of physical, mental, and spiritual practices or disciplines which originated in ancient India. Yoga is one of the six Astika schools of Hindu philosophical traditions. There is a broad variety of yoga schools, practices, and goals in Hinduism, Buddhism, and Jainism.

A mandala is a geometric configuration of symbols. In various spiritual traditions, mandalas may be employed for focusing attention of practitioners and adepts, as a spiritual guidance tool, for establishing a sacred space and as an aid to meditation and trance induction. (Personal Project)

 

Role:

Branding Design
User Story
UI/UX Design

Project:

Fitness app for Interaction Design Foundation

 

 

Manage your life with yoga

A group of professional yoga trainers and teachers decided to create a fitness app for people who wants to be fit physically and spiritually. The goal is the life for each app user can be manage by yoga with different types of movement exercises and breathing techniques with the reach of a smartphone. The trainers and teachers want to share their knowledge with the app called Mandala.

The challenge:

Make an intuitive and enjoyable fitness app for iOS users. Conduct research on user needs using the yoga methods for lessons and levels of experience. Conduct competitor analysis. Make user testing and implement improvements according to the data. Make a UI kit design that will form the basis for future updates. Make a very attractive branding with orientation on young women and men who practice yoga as part of their lifestyle.

 

UX research and some rough wireframes.


 
 

Logo Emblem and Visual Language

Shape inspired in a mandala and bold typography. Potential for animated display. Timeless look & feel based on a well-tuned color scheme, perfect typography and a specific graphic element.

 
 
 
 
 

Mandala logo inspiration


 
 

Color Scheme and Design System

A very simple color scheme is defined to provide functional and aesthetic requirements for the application's user interface and product communication. Simplicity of colors refers to the simplicity of the product and other visual components of the brand.

 
 
 

Sign In and Sign Up screens

 
 
 

Meditation and breathing exercises screen (Gentle Flow)

 
 

Video yoga lessons screens with a simple explanation about the class.

 

Video screens for mobile.

 

Articles about yoga lessons screens.


 
 
 

Branding & Art Direction

The brand identity for a new Mandala yoga fitness app project. The logo was designed as a graphic symbol of inspired on the mandala for physical and mental activity. I created a set of colorful printed materials and wellness imagery. The combination of colors and deep blues refers to the energy and inner peace that yoga practice gives.