Resource
Mobile application for stress reduction and meditation with a visual from our team
Modsen team of designers helped to visualize several short exercises that aid users to calm down, fall asleep, and feel at peace. The application was also able to track the duration of each session and the total number of sessions done, count inhales and exhales, and much more.
The developed app is available for iPhone and iOS users.
- UX research
- Building new UX strategy
- Wireframing
- Testing
- Visual Design
- Figma
- Illustrator
- After Effects
- Blender
FROM MVP
TO PRODUCT
The key tasks was to develop a mobile solution that would deal with users’ frustrations and help our partner achieve their business goals.
- 1Reduce anxiety and improve relationships with partner
- 2Learn more how to be more energized and get rid of stress
- 3Build lifelong and trustworthy friendships
- 4Reduce motherhood concerns
- 1Daily stress
- 2Marital relationship issues
- 3Stigma-related stress
- 4Negative meditation experience
WIREFRAMES:
The Team made more than 200 wireframes
Check out the product:
Designing an app from scratch is nothing short of art. When we say “mobile app design”, we imply all the primary elements that contribute to the app’s aesthetic. These elements include text, images, graphics, buttons, alignment, color choice, white spaces, and a lot more. For some reason, text and graphics are broadly regarded as the most important ones among the other components. It is crucial to balance the ratio of text and image when it comes to designing the contents of a mobile app. Thus, striking a balance between text and graphics is essential to:
- Make the app intuitive and self-explanatory
- Reduce the cognitive load on app users
- Boost the aesthetic appeal of the app
- Convey the goals of the app effortlessly
- Help users reach their app usage goals
VISUAL DESIGN:
Scale:
This factor determines the importance and rank of the app contents based on their relative sizes and other similar elements. The scale of the content can be established using shape, size, order of appearance, and other tools. For instance, the bigger is the size of the content, the more prominent the message becomes. Ideally, texts should be smaller than graphics, but this can be altered in accordance with the goal.
Visual hierarchy:
The visual hierarchy of the content determines the way we use the combination of text and images to guide app users. It is important that content follows the hierarchical principle and remains consistent throughout the app.
Symmetry:
An appealing arrangement of the text and contents in the app can be achieved due to symmetry. Although the regularity can be broken and asymmetrical designs can be used in special cases, the harmony between text and graphics should be maintained.
Contrast:
Contrast is as important as symmetry. It helps all your elements to stand out without necessarily competing with each other. A noticeable difference based on size, shape, color, placement, etc., will help your users focus on both, text, and images.
Coherence:
The art of making every element stand out is crucial to draw a bigger unified picture. This is something similar to the Gestalt Principle of design that emphasizes proximity, closure, symmetry, order, etc., which can unify the contents that are different in nature.
Results:
Most people suffer from stress, burnout, depression, etc. All these things affect social life and the people with whom we interact. The burden of mental disorders continues to grow and has a significant impact on health systems around the world. It entails serious consequences for the social sphere, human rights, and the economy.
131K
downloads in 3 month
4,9
app store rating
№ 3
position in sleep and meditation app rating