Momenta: relaxing design for a meditation app.

Client case study at a glance

Task

To design a meditation app interface filled with engaging animations

Team

UX/UI designer and design director

Duration

12 months

Scope

UX/UI design for a mobile app, animations, style guide

Project overview

The client entrusted us with designing a meditation and breathing mobile application. Two years ago, we created Ripple, a resembling product for the same customer. Therefore, we were excited to collaborate with our client again and use our knowledge to create an accessible and easy way for users to meditate and learn proper breathing techniques. 

Therefore, we have assigned 2 professionals to tackle this project: an experienced UI designer with the relevant expertise and a design director to deliver quality results. Our collaboration also involved further working hand in hand with a developer and adopting user feedback.

Momenta: relaxing design for a meditation app Cieden
Momenta: relaxing design for a meditation app Cieden

Challenges

  • create engaging animation to enhance the app visual design as it was a huge part of the core idea;
  • make Momenta accessible to everyone as the abundance of information during the digital age considerably shortened the attention span of an average user;
  • deliver an application that will enable users not to get distracted by notifications while meditating.

Results

  • our designers created a solution that harmoniously combined the initial requirements and solved the issues discovered during the process;
  • as the part of the UI, created the pulsing circles, which helped users to track their breathing, and was a point at which they concentrated;
  • came up with a pleasant animation that keeps a user’s attention and helps them train their focus;
  • to eliminate distractions, added a silent mode option for those users who prefer a more immersive experience;  
  • collected valuable  user feedback through TestFlight, where we invited users to test our apps before the release;
  • conducted thorough market research with demographic data, market trends, and consumer behavior patterns;
  • performed A/B testing of different variants of the UI to make the data-backed decision.
Momenta: relaxing design for a meditation app Cieden
A new experience of meditation .

From the very moment the user opens Momenta, its smooth animations and calm colors already set them up to relax. In a similar unobtrusive way, the application guides the process. At each step, the user knows what to do, even if it’s the first time they are meditating.

Momenta: relaxing design for a meditation app Cieden
Momenta: relaxing design for a meditation app Cieden

Main focus of our UX/UI design 

Our goal was to teach end users to meditate in order to achieve such benefits from this practice as stress resistance, improvement of emotional well-being, mental clarity, self-awareness, and better sleep quality. Therefore, we were emphasizing the following work aspects: 

  • based on users’ preferences, come up with a simple interface, high visibility, and minimum distraction;

  • design the application with a welcomed, warm, and relaxed feeling while using the app;

  • make the overall experience as simple and minimalist as possible; 

  • use many colors to represent contrasting courses for the users and choose the most appealing color scheme.

Breathing

Our initial research helped us understand how everyone uniquely adapts to stressful situations, and we learned how proper breathing is a critical aspect of coping with stress. Following our research, we understood the importance of this technique and began the implementation. We designed an app to simplify the process of breathing and to teach users how to practice it properly. 

One of the key concepts in meditation is focus. Usually, a person concentrates on breathing. In order to help users keep their attention on their inhales and exhales, our UX designers came up with a simple, yet elegant and effective solution: we designed an interface with a pulsing circle to represent the rhythm of breaths. 

Users can also set up the desired breathing goals to track their achievements, as well as choose sounds and background images to make their experience as personalized as possible. 

Momenta: relaxing design for a meditation app Cieden

Style guide & design system 

We have provided a style guide that organizes recurring visual elements, allowing our client to easily create and modify the product while incorporating new components, features, and services in a streamlined and consistent manner.

Momenta: relaxing design for a meditation app Cieden

Documentation and dev support

Our team closely collaborated with the development team to ensure the smooth implementation of our design as well as conducted app testing through TestFlight to eliminate all possible imperfections and deliver exceptional user experience. 

Momenta: relaxing design for a meditation app Cieden

In the beginning, I didn’t have a real clear conception of what I was building, and they’ve been instrumental in wrestling with different ideas. Iryna has a team of designers that can translate my thoughts, dreams, and aspirations into Photoshop files that my engineers can use. From what I’ve seen, they are extremely hardworking, and they’re good at changing things around. They’ve never gotten upset when I’ve changed the requirements of their work. They are very easy to work with.

California , San Francisco

start your project with us.

Getting in touch
is easy .
Thank you for your message. It has been sent